JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
   <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>

CSS

.parent{
     display:grid;
     grid-template-columns: 1fr 1fr;
     grid-auto-flow: column;
    grid-template-rows: 1fr 1fr 1fr;

  }
  
  .child{
    height: 30px;
  }