JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="child">1</div>
    <div class="child">2</div>
    <div class="child">3</div>
    <div class="child">4</div>
    <div class="child">5</div>
    <div class="child">6</div>
    <div class="child">7</div>
</div>

CSS

.container {
      -webkit-column-count: 3;
      -moz-column-count: 3;
      column-count: 3;
  }