header.php

<html>

<body>
  <nav class="fixed z-10 w-full bg-white md:absolute md:bg-transparent">
    <div class="container m-auto px-2 md:px-12 lg:px-7">
      <div class="flex flex-wrap items-center justify-between py-3 gap-6 md:py-4 md:gap-0">
        <!-- Logo and title -->
        <div class="w-full px-6 flex justify-between lg:w-max md:px-0">
          <a href="index.php" aria-label="logo" class="flex space-x-2 items-center">
            <img src="https://img.icons8.com/external-flaticons-flat-flat-icons/64/null/external-vinyl-record-rage-room-flaticons-flat-flat-icons.png" class="w-12" alt="tailus logo" width="144" height="133">
            <span class="text-2xl font-bold text-yellow-900">My Vinyl <span class="text-yellow-700">Collection</span></span>
          </a>
        </div>
      </div>
    </div>
  </nav>
</body>

</html>