fix(header): ensure nav links are clickable above logo

CalvinAllen · CalvinAllen · commit 72324bb8bcc2 · 2026-01-16T15:05:26.000-05:00
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -86,10 +86,10 @@ const twitterHandle = "@_CalvinAllen";
   <body class="min-h-screen flex flex-col">
     <header class="border-b border-border py-4">
       <div class="container mx-auto px-4 flex items-center justify-between">
-        <a href="/" class="hover:opacity-80 no-underline">
-          <img src="/images/logo.png" alt="Coding With Calvin" class="h-10" />
+        <a href="/" class="hover:opacity-80 no-underline flex-shrink-0">
+          <img src="/images/logo.png" alt="Coding With Calvin" class="h-10 w-auto" />
         </a>
-        <nav class="flex items-center gap-6">
+        <nav class="flex items-center gap-6 relative z-10">
           <a href="/" class="text-text-muted hover:text-primary no-underline">Home</a>
           <a href="/blog" class="text-text-muted hover:text-primary no-underline">Blog</a>
           <a href="/categories" class="text-text-muted hover:text-primary no-underline">Categories</a>
