JSFiddle - React, Tailwind, and code Playground

HTML

<div id="navbar">
    <ul>
        <li><a href="index.html">First time at auction ?</a></li>
        <li><a href="index.html">Next auctions</a></li>
        <li><a href="index.html">Rules</a></li>
        <li><a href="index.html">Terms of use</a></li>
        <li><a href="index.html">FAQ</a></li>
        <li><a href="index.html">Contacts</a></li>
    </ul>
</div>

SCSS

#navbar {
  
  background: blue;
  border-radius: 8px 8px 0 0;  
  
  ul {
    
    list-item-type: none;
    padding: 0;
    
    li {
      
      display: inline-block;
      text-align: center;
      padding: 10px 10px;
      border-right: 1px solid black;
      
      a {
        
        color: #FFF;
        
      }
      
    }
    
  }
  
}