Navbar - link

<nav class="text-neutral-50 bsk-bg-blue py-4">
  <div class="container flex px-8">
    <a href="#" class="px-3 py-2 mx-2 underline">Link</a>
  </div>
</nav>

<nav class="text-neutral-50 bsk-bg-blue py-4">
  <div class="container flex px-8">
    <div class="px-3 py-2 mx-2">Some text with a
      <a href="#" class="underline">Link</a>
    </div>
  </div>
</nav>

<nav class="text-neutral-50 bsk-bg-blue py-4">
  <div class="container flex px-8">
    <a href="#" class="px-3 py-2 mx-2 rounded hover:bsk-bg-blue-hover">Item 1</a>
    <a href="#" class="px-3 py-2 mx-2 underline">Link</a>
  </div>
</nav>

<nav class="text-neutral-50 bsk-bg-blue py-4">
  <div class="container flex px-8">
    <a href="#" class="px-3 py-2 mx-2 rounded hover:bsk-bg-blue-hover">Item 1</a>
    <a href="#" class="px-3 py-2 mx-2 underline">Link</a>
  </div>
</nav>