JSFiddle - React, Tailwind, and code Playground

by Blink

HTML

<div class="images">
    <a href="http://placekitten.com/500/500">
        <img src="http://placekitten.com/100/100" alt="a cat">
    </a>
    <a href="http://placekitten.com/500/500">
        <img src="http://placekitten.com/100/100" alt="a cat">
    </a>
    <a href="http://placekitten.com/500/500">
        <img src="http://placekitten.com/100/100" alt="a cat">
    </a>
    <a href="http://placekitten.com/500/500">
        <img src="http://placekitten.com/100/100" alt="a cat">
    </a>
</div>

CSS

.images {
    text-align: center;
    margin-top: 60px;
}

.images a {
    margin-right: 20px;
    text-decoration: none;
}

.images img {
    border: 1px solid #333;
}