JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul {
    display:flex;
    list-style: none;
    margin:0;padding:0;
    width:100%;
    background:#ebebeb;
}

li {
    display: block;
    padding: 5px; margin: 0 5px;
    background:#fff;
    border: 1px solid #ddd;
    flex: 1;
}