JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>
   Shop
  </li>
</ul>

CSS

ul{
  position: absolute;
  padding-left: 0px;
  width: 100%;
  height: 15%;
  top: 1%;
  list-style-type: none;
  background-color: #f8d7d7;
}
      
li{
  float: left;
  width: 10%;
  height: 100%;
  background-color: green;
  vertical-align: middle;
  text-align: center;
  font-size: 2.5vw;
}