JSFiddle - React, Tailwind, and code Playground

by spitfire378

HTML

<nav class="mainMenu">
  <a href="#">Logo</a>
  <ul class="mainMenu_conteneur">
    <li>
       <a href="#">Savoirs-faire</a>
    </li>
    <li>
      <a href="#">L'entreprise</a>
    </li>``
$






















































`










    <li>
      <a href="#">Nous contacter</a>
    </li>
  </ul>
</nav>

SCSS

nav.mainMenu{
  with:100%;
  height:60px;
  background-color:red;
  display: flex;
  align-items: center;
  
  ul.mainMenu_conteneur{
    margin-left: auto;  
    display: inline-flex;
    list-style: none;
  }
}