JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
  <div class="elem" style="background:blue; height:250px"></div>
  <div class="elem" style="background:blue; height:350px"></div>
  <div class="elem" style="background:blue; height:230px"></div>
  <div class="elem" style="background:blue; height:120px"></div>
  <div class="elem" style="background:blue; height:150px"></div>
  <div class="elem" style="background:blue; height:410px"></div>
  <div class="elem" style="background:blue; height:120px"></div>
  <div class="elem" style="background:blue; height:150px"></div>
  <div class="elem" style="background:blue; height:410px"></div>
  
  
  
</div>

CSS

.block {
  column-count: 2;
    column-gap: 20px;
}
.elem {
  display: inline-block; 
  width: 100%;
}