JSFiddle - React, Tailwind, and code Playground

HTML

<div class="gallery-row">
    <a href="#"><img src="https://farm4.staticflickr.com/3672/9012634895_2c55e3d145_z.jpg" alt="" class="gallery-thumb" /></a>
    <a href="#"><img src="https://farm8.staticflickr.com/7181/6969938179_5063672d88.jpg" alt="" class="gallery-thumb" /></a>
    <a href="#"><img src="https://farm3.staticflickr.com/2173/2121472112_8ac5d673ff_n.jpg" alt="" class="gallery-thumb" /></a>
</div>

CSS

.gallery-row {
    margin-top: 0.25em;
    border: 1px solid #000;
}

.gallery-thumb {
    margin: 0 0.25em;
    width: 10.250rem;
    border: 1px solid #c70f36;
    border-radius: 4px;
    display: inline;
    vertical-align: middle;
}