From 7d1b1a06d7ced4edbac66034e971f43309840e6f Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Fri, 18 Oct 2024 22:49:57 +0200
Subject: [PATCH] feat: :wheelchair: restructure main navigation to be more
 accessibility friendly

---
 src/layouts/base.njk | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/layouts/base.njk b/src/layouts/base.njk
index 9828c08..671d2e0 100644
--- a/src/layouts/base.njk
+++ b/src/layouts/base.njk
@@ -23,13 +23,13 @@
     <link rel="me" href="https://meow.social/@SebinNyshkim">
   </head>
   <body class="h-dvh bg-slate-300 text-slate-700 dark:bg-slate-900 dark:text-slate-300">
-    <header>
-      <div class="mx-auto max-w-screen-xl sm:px-safe-offset-4 md:px-safe-offset-6">
-        <nav class="eleventy-navigation flex min-h-16 items-center justify-center bg-sky-600 shadow-xl sm:m-4 sm:mx-auto sm:justify-between sm:rounded-xl dark:bg-sky-950">
-          <div class="hidden sm:flex sm:items-center">
-            <img src="/img/sebin.png" alt="it me" class="m-4 max-w-14 rounded-full border-4 shadow-2xl">
-            <h1 class="text-3xl text-white">Sebin's Blog</h1>
-          </div>
+    <header class="sm:px-safe-offset-4 md:px-safe-offset-6">
+      <div class="flex min-h-16 max-w-screen-xl items-center justify-center bg-sky-600 shadow-xl sm:m-4 sm:mx-auto  sm:justify-between sm:rounded-xl dark:bg-sky-950">
+        <div class="hidden sm:flex sm:items-center">
+          <img src="/img/sebin.png" alt="" class="m-4 max-w-14 rounded-full border-4 shadow-2xl">
+          <h1 class="text-3xl text-white">Sebin's Blog</h1>
+        </div>
+        <nav class="eleventy-navigation" aria-label="Main">
           {{
             collections.all |
             eleventyNavigation |
