JSFiddle - React, Tailwind, and code Playground

HTML

<div id="blocks">
    <div style="width: 150px; height: 100px; background-color: yellow;"></div>
    <div style="width: 150px; height: 200px; background-color: blue;"></div>
    <div style="width: 150px; height: 300px; background-color: green;"></div>
    <div style="width: 150px; height: 200px; background-color: red;"></div>
    <div style="width: 150px; height: 100px; background-color: purple;"></div>
</div>

CSS

#blocks {
    -moz-column-count: 3;
    -moz-column-gap: 0;
    -webkit-column-count: 3;
    -webkit-column-gap: 0;
    column-count: 3;
    column-gap: 0;
    width: 450px;
}