JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <div class="block">1</div>
    <div class="block">2</div>
    <div class="block">3</div>
    <div class="block">4</div>
    <div class="block">5</div>
    <div class="block">6</div>
    <div class="block">7</div>
    <div class="block">8</div>
    <div class="block">9</div>
    <div class="block">10</div>
</div>

CSS

.content {
    -webkit-column-width: 80px;
    -webkit-column-gap: 5px;
}
.content .block {
    width: 50px;
    height: 50px;
    background-color: #DDD;
    margin: 0 0 10px;
    display: inline-block;
    padding: 5px;
}