JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>index</li>
    <li>navigation</li>
    <li>mobile</li>
    <li>gps map</li>
    <li>other</li>
</ul>

CSS

body {
    min-width: 500px;
}

ul {
    list-style: none;
    margin: 0px;
    padding: 2px;
    display: table;
    width: 100%;
    border: 1px solid;
}

li {
    display: table-cell;
    text-align: center;
    border: 1px solid;
}