JSFiddle - React, Tailwind, and code Playground

by Vinay Pratap Singh Bhadauria

HTML

<div class="thumbnail-photos">
    <ul>
        <li>
            <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcT6-aJ6Hz_oXi_M2ZScbEiNGKZFKN3hyhffh2NMWTmbgU2WX-IZKA" height="100" width="100" />
        </li>
        <li>
            <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcT6-aJ6Hz_oXi_M2ZScbEiNGKZFKN3hyhffh2NMWTmbgU2WX-IZKA" height="100" width="100" />
        </li>
        <li>
            <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcT6-aJ6Hz_oXi_M2ZScbEiNGKZFKN3hyhffh2NMWTmbgU2WX-IZKA" height="100" width="100" />
        </li>
    </ul>
</div>

CSS

.thumbnail-photos ul li {
    display: inline;
    margin: 25px;
}