JSFiddle - React, Tailwind, and code Playground

HTML

<div id="folio">
    <ul>
        <li><img src=""></li><li><img src=""></li><li><img src=""></li><li><img src=""></li>
    </ul>
</div>

CSS

#folio { width:1200px; overflow:hidden }
#folio ul { width:1220px; }
#folio ul li { width:588px; height:273px; display:inline-block; background:#cf5b6f; border:1px solid #8e1028; list-style:none; margin:0 20px 20px 0; vertical-align: top }