JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="pole0">
  <div class="pole1">
    <p>Pole 1 </p>
  </div>
    <div class="pole2">
    <p>Pole 2 </p>
  </div>
    <div class="pole3">
    <p>Pole 3 </p>
  </div>
 </div>
</body>

CSS

.pole0{
  width: 500px;
  height:500px;
}
.pole1{
  background-color: green;
  width: 200px;
  height: 200px;
  
}

.pole2{
  background-color: blue;
  width: 300px;
  height: 300px;
  
  
}

.pole3{
  background-color: gray;
  width: inherit;
  height: inherit;
  
}