JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
  <div class="child">abc abcd abcdefg abc abcd abcd abcd  abc abcd abcdefg abc abcd abcdefg abc abcd abcdefg </div>
  <div class="child">abc abcdfg a abc abcbcdefefg abc abcd abcdefg abc abcd abcdefg </div>
  <div class="child">abc abcd abcdefg abcbcdefg acd abcdefg abc abcd abcdefg abc abcd abcdefg </div>
  <div class="child">abc abcd abcc abcd defg abc abcd abcdefg a abc abcd abcdefg abc abcd abcdefg </div>
  <div class="child">abc abcd abcg abcd ag abc abcd abcdefg </div>
  <div class="child">abc abcd abcdefgabcdcdefg dg ababc abcd abcdefg </div>
  <div class="child">abc abcd abbc abcd abcdefg abc d abcdefg abc abcd abcdefg abc abcd abcdefg abc abcd abcdefg </div>
  <div class="child">abc abcd abdefg abc abcbcd abcdefg abc abcd abcdefg abc abcd abcdefg </div>
  <div class="child">abc abcd abcdefg abc abcd abaabc abcd abcdefg abc abcd abcdefg abc abcd abcdefg </div>
  <div class="child">abc abcd abcdefg abc abcdefbcbcdedefg abc abcd abcdefg </div>
  <div class="child">abc abcd abcdeabcbcdefbcd abcdefg abcbcdefg abc c abcd abcdefg </div>
  <div class="child">abc abcd abbc abcd abcdefgc abcd abcdefg abc abcd abcdefg abc abcd abcdefg abc abcd abcdefg </div>
  <div class="child">abc abcd abcdefg a abc cdefg abcbcdefg abc abcd abcdefg </div>
  <div class="child">abc abcd abcdefg abc abcd abcefg abc abcd abcdefg abc abcd abcdefg abc abcd abcdefg </div>
  <div class="child">abc abcd abcdefgc abcd abcdefg abc abcd abcdefg ababc abcd abcdefg abc abcd abcdefg </div>
  <div class="child">abc abcd abcdefg g abc abcd a abcdedefg abc abcd abcdefg </div>
  <div class="child">abc abcd abcdefg abc abcd aefg efg </div>
  <div class="child">abc abcd abcdefg abccd abcg abc abcd abcdefg abc abcd aabc abcd abcdefg abc abcd abcdefg </div>
  <div class="child">abc abcd abcdef abcc abcd abcdefg a  abcd abcdefg </div>
  <div class="child">abc abcd abcdefg abc abcd abcd abcd  abc abcd abcdefg abc abcd abcdefg abc abcd abcdefg </div>
  <div class="child">abc abcd...

CSS

.parent {
    overflow-x: auto;
    width: 100%;
    height: 400px;
    border: solid 1px red;
    box-sizing: border-box;
	display:flex;
	flex-direction: row;
    flex-wrap: wrap;
    column-count: 2;
}

.child {
    display: block;
    width: 50%;
    border: solid 1px blue;
    box-sizing: border-box;
    height: 40px;
}