JSFiddle - React, Tailwind, and code Playground

HTML

<div class='container' style='height: 408px; border: 1px solid red;'>
    <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 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 {
 -moz-column-width: 100px;
 -moz-column-gap: 5px;
}
.item {
 height: 50px;
 width: 100px;
 margin: 1px;
 background: blue;   
}