JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

CSS

#container {
//    column-count: 3;
//    -moz-column-count: 3;
//    -webkit-column-count: 3;
    width: 100%;
    font-size:0px;
}
.item {
    background: red;
display: inline-block;
height: 100px;
margin-bottom: 20px;
box-sizing: border-box;
width: 33%;
padding-right: 10px;
background-clip: content-box;
font-size: 12px;
}