JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex-body">
  <div style="background: #0980cc; height:100px;"></div>
  <div style="background: #09cc69;height: 200px;"></div>
  <div style="background: #cc092f;height:170px;"></div>
  <div style="background: #0980cc; height:130px;"></div>
  <div style="background: #09cc69;height: 100px;"></div>
  <div style="background: yellow;height: 100px;"></div>
</div>

CSS

.flex-body {
  display: flex;
  flex-wrap: wrap;
}
.flex-body div{
  width: 50%;
  align-items: flex-start;
}