JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="nav nav--fluid">
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Gallery</a></li>
    <li><a href="#">Why us?</a></li>
    <li><a href="#">Contact</a></li>
</ul>

CSS

.nav {
    margin: 0;
    padding: 0;
}

.nav--fluid {
    display: table;
    width: 100%;
}

.nav--fluid > li {
    display: table-cell;
    text-align: center;
}