JSFiddle - React, Tailwind, and code Playground

by lasha

HTML

<header class="aap-navbar">
  <div class="aap-container aap-container--wide aap-navbar__inner">

    <a href="/" id="aaptiv-logo">
      Aaptiv
      <!-- <img src="{{STATIC_CDN}}/assets/images/aaptiv-logo.png" alt="Aaptiv" /> -->
    </a>

    <nav class="aap-navigation">
      <a href="/discover" class="">Discover</a>
      <a href="/saved" class="">Saved</a>
    </nav>

  </div>
</header>

SCSS

body {
  background-color: #fff;
  margin: 0;
}

a {
  color: #fff;
}

.aap-navbar {
  background-color: #00031a;
  height: 72px;
  align-items: center;
  display: flex;
  .aap-navbar__inner {
    
  }
  .aap-navigation {
    margin-left: 50px;
  }
}

.aap-container {
  display: flex;
}