JSFiddle - React, Tailwind, and code Playground

by ThiefMaster

HTML

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

CSS

body { margin: 0; padding: 0; }
ul {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
ul > li {
    float: left;
    display: inline-block;
    margin: 2px;
    padding: 0;
    box-sizing: border-box;
    width: 20%;
    height: 100px;
    background: #aaa;
}
li:nth-child(odd) { background: #ccc; }