JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

CSS

ul                      { list-style-type: none; width: 230px;}
li                      { margin: 0 10px 10px 0; background: green; width: 50px; height: 50px; float:left; }
li:nth-child(4n+4)      { margin-right: 0; } 
li:nth-last-child(-n+4) { margin-bottom: 0; }