JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<div class="pic pic1"></div>
<div class="pic pic2">
  Какой-то текст. Например - ты очень быстро схватываешь новое :)
</div>

CSS

* {
  margin:0; 
  padding:0;
  box-sizing: border-box;
}
.pic1 {
  height: 100vh;
  background: green;
}
.pic2 {
  /**height: 100vh;*/
  
  background: yellow;
  padding: 20px 10px;
  text-align: center;
}