JSFiddle - React, Tailwind, and code Playground

by Sergey Goryachev

HTML

<nav role="navigation">
   <ul class="flex2">
    <li><a href="#">Главная</a></li>
    <li><a href="#">Об Игре</a></li>
    <li><a href="#">Список Серверов</a></li>
    <li><a href="#">Наша Команда</a></li>
    <li><a href="#">Донат</a></li>
  </ul>
</nav>

CSS

* { margin: 0; padding: 0; list-style: none; }
.flex2{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0 15px;
}
.flex2 li {
  display: flex;
  border-left: 1px solid #247634;
  border-right: 1px solid #57e974;
  flex-basis: 20%;
  flex-grow: 1;
  justify-content: center;\
}