JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul {
    display: -moz-box;
    display: -webkit-box;
    display: box;
}

li {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    
    padding: 20px;
    margin: 5px;
    border: 1px solid rgb(200, 200, 255);
}