JSFiddle - React, Tailwind, and code Playground

HTML

<div class="t t1"></div>
<div class="t t2"></div>
<div class="t t3"></div>
<div class="t t4"></div>
<div class="t t5"></div>
<div class="t t6"></div>

CSS

.t {
  width: 48%;
  margin: 1%;
  background: #d3d3d3;
  float: left;
}

.t:nth-child(2n) {
  float: right;
}

.t1 {height:50px}
.t2 {height:290px}
.t3 {height:200px}
.t4 {height:90px}
.t5 {height:80px}
.t6 {height:30px}