JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col">
  <div class="el">
  
  </div>
  <div class="el">
  
  </div>
</div>

<div class="col">
  <div class="el el_2">
  
  </div>
</div>

<div class="col">
  <div class="el">
  
  </div>
  <div class="el">
  
  </div>
</div>

<div class="col">
  <div class="el">
  
  </div>
  <div class="el">
  
  </div>
</div>

CSS

.col {
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding: 3px;
  position: relative;
}
.el {
  height: 50px;
  border: 1px solid #000000;
  margin-bottom: 6px;
}
.el_2 {
  height: 108px;
}