JSFiddle - React, Tailwind, and code Playground

HTML

<section>
 <header>
  <nav>
   <ul classs="menu">
    <li>Home</li>
    <li>About</li>
    <li class="li-right">Services</li>
    <li class="li-right">Work</li>
   </ul>
  </nav>
  <div class="logo"></div>
 </header>
</section>

CSS

ul.menu {
  width: 100%;
}

.li-right {
  text-align:right
}