JSFiddle - React, Tailwind, and code Playground

by booktu8

HTML

<div class="box1" >
  <div class="box2" >
    <div class="box3" ></div>
  </div>
</div>

CSS

.box1 {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  left: 0;
  bottom: 0;
}

 .box2 {
  width: 80px;
  height: 80px;
  background-color: green;
   position: absolute;
  left: 100px;
  bottom: 0;
}

 .box3 {
  width: 50px;
  height: 50px;
  background-color: yellow;
}