JSFiddle - React, Tailwind, and code Playground

by Viktor

HTML

<div class="wrapper">
  <div class="poop short">

  </div>
  <div class="poop">

  </div>
  <div class="poop tall">

  </div>
  <div class="poop">

  </div>
</div>

CSS

.wrapper{
  width:400px;
 
}
.poop{
  height:100px;
  width:100px;
  background-color:red;
  border:1px solid green;
  float:left
}
.short{
  height:70px;
}
.tall{
  height:150px;
}