JSFiddle - React, Tailwind, and code Playground

by Jens Kühn

HTML

<nav>
  <ul>
    <li>route to index</li>
    <li>route to root</li>
    <li>route to test</li>
  </ul>
</nav>

CSS

nav {
  background-color: darkgoldenrod;
}

ul {
  display: flex;
  background-color: bisque;
  list-style-type: none;
  padding: 0;
}

li {
  display: inline-flex;
  background-color: cadetblue;
  flex: 1;
  height: 3em;
  align-items: center;
  justify-content: center;
}

li:hover {
  background-color: chartreuse;
}