JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col">
    <img src="http://placehold.it/200x150">
    <img src="http://placehold.it/200x200">
    <img src="http://placehold.it/200x350">
    <img src="http://placehold.it/200x250">
    <img src="http://placehold.it/200x500">
</div>
<div class="col">
    <img src="http://placehold.it/200x250">
    <img src="http://placehold.it/200x450">
    <img src="http://placehold.it/200x250">
    <img src="http://placehold.it/200x150">
    <img src="http://placehold.it/200x350">
</div>
<div class="col">
    <img src="http://placehold.it/200x250">
    <img src="http://placehold.it/200x150">
    <img src="http://placehold.it/200x350">
    <img src="http://placehold.it/200x250">
    <img src="http://placehold.it/200x450">
</div>

CSS

.col {
    width: 200px;
    float: left;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
}
.col img {
    margin-top: 0.5em;
    display: block;
}