JSFiddle - React, Tailwind, and code Playground

HTML

<div class="column-content">
  <div class="single-column" style="height: 220px"></div>
  <div class="single-column" style="height: 160px"></div>
  <div class="single-column" style="height: 250px"></div>
  <div class="single-column" style="height: 150px"></div>
  <div class="single-column" style="height: 180px"></div>
  <div class="single-column" style="height: 120px"></div>
  <div class="single-column" style="height: 140px"></div>
  <div class="single-column" style="height: 190px"></div>
</div>

CSS

.column-content {
  width: 100%;
  min-width: 100%;
}

.single-column {
  width:33%;
  min-width:33%;
  display: inline-flex;
  height: 100px;
  min-height: 100px;
  background-color: hotpink;
}