flexbox tutorial

app.css

nav{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.navlinks ul li{
  display: inline-flex;
}

app.html

  <nav class="navbar">
    <div class="logo"><img src="#"/></div>
    <div class="navlinks">
      <ul>
        <li><a href="#" alt="">Home</a></li>
        <li><a href="#" alt="">About</a></li>
        <li><a href="#" alt="">Contact</a></li>
        <li><a href="#" alt="">Blog</a></li>
        <li><a href="#" alt="">Careers</a></li>
      </ul>
    </div>
    <div class="nav-end"><button>Request Invite</button></div>
  </nav>