JSFiddle - React, Tailwind, and code Playground

HTML

<body>
     <ul>
         <li><a href="">About us</a></li>
         <li><a href="">Portfolio</a></li>
         <li><a href="">Contact</a></li>
     </ul>
    </body>

CSS

li {
            list-style-type:none;
            background-color:red;
            width: 100%;
            height:auto;
            text-align: center;
            padding:10px;
            overflow: hidden;
        }