<nav class="mx-2 sm:mx-4">
  <div class="relative flex h-16 items-center justify-between ">
    <div>
      <a href="/">
        Kompact.io
      </a>
    </div>
    <div>
      <ul class="flex flex-row gap-4 md:gap-8">
        <li>
          <a href="/index.html#contact">
            contact
          </a>
        </li>
        <li>
          <a href="/blog.html">
            blog
          </a>
        </li>
      </ul>
    </div>
  </div>
</nav>