JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Tour</a></li>
<li><a href="#">News</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>

CSS

nav {
}
nav ul{
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0;
    100px;
}
nav ul li {
    list-style-type: none;
    display: table-cell;
    background: gray;
}

nav ul li a {
    display:block;
}