JSFiddle - React, Tailwind, and code Playground

by antelopelovefan

HTML

<nav>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
    </ul>
</nav>

CSS

nav {
    overflow: auto;
}

nav ul {
    list-style-type: none;
}

nav li {
    display: block;
    width: 20%;
    height: 30%;
    border: 1px solid #f00;
    float:left;
    padding: 1em;
}