JSFiddle - React, Tailwind, and code Playground

by Zoxon

HTML

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="clear"></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="clear"></li>
    <li></li>
    <li></li>
    <li class="clear"></li>
    <li></li>
    <li class="clear"></li>
</ul>

CSS

* {
    margin: 0;
    padding: 0;
}
.clear{
    clear: both;
}
li{
    width: 100px;
    height: 100px;
    float: left;
    list-style: none;
    background: grey;
    border: 1px solid #000;
}