JSFiddle - React, Tailwind, and code Playground

HTML

<div class='wrap'>
    <div class='col'>div1</div>
    <div class='col'>div2</div>
    <div class='col'>div3</div>
    <div class='col'>div4</div>
    <div class='col'>div5</div>
    <div class='col'>div6</div>
    <div class='col'>div7</div>
    <div class='col'>div8</div>
    <div class='col'>div9</div>
    <div class='col'>div10</div>
</div>

CSS

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