fix navbar on mobile

site/index.html

@@ -25,9 +25,8 @@
                     </a>
                 </div>
 
-                <!-- Desktop navigation -->
+                <!-- Navigation links -->
                 <nav class="flex grow">
-                    <!-- Desktop links -->
                     <ul class="flex grow justify-end flex-wrap items-center">
                         <li>
                             <a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-3 lg:px-5 py-2 flex items-center transition"
@@ -38,7 +37,7 @@
                                     <path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/>
                                     <path d="M9 18c-4.51 2-5-2-7-2"/>
                                 </svg>
-                                GitHub
+                                <span class="hidden sm:inline">GitHub</span>
                             </a>
                         </li>
                         <li class="ml-1">

site/style.css

@@ -1427,6 +1427,10 @@ input[type="search"]::-webkit-search-results-decoration {
   height: 1.25rem;
 }
 
+.h-6{
+  height: 1.5rem;
+}
+
 .min-h-screen{
   min-height: 100vh;
 }
@@ -1475,6 +1479,10 @@ input[type="search"]::-webkit-search-results-decoration {
   width: 1.25rem;
 }
 
+.w-6{
+  width: 1.5rem;
+}
+
 .max-w-2xl{
   max-width: 42rem;
 }
@@ -2095,6 +2103,10 @@ input[type="search"]::-webkit-search-results-decoration {
   padding-top: 1.5rem;
 }
 
+.pt-2{
+  padding-top: 0.5rem;
+}
+
 .text-left{
   text-align: left;
 }
@@ -2729,6 +2741,11 @@ input[type="search"]::-webkit-search-results-decoration {
   background-color: rgb(82 82 91 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-zinc-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
+}
+
 .hover\:from-zinc-900:hover{
   --tw-gradient-from: #18181b var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position);
@@ -2911,6 +2928,10 @@ input[type="search"]::-webkit-search-results-decoration {
     margin-right: 1rem;
   }
 
+  .sm\:inline{
+    display: inline;
+  }
+
   .sm\:inline-flex{
     display: inline-flex;
   }
@@ -3000,6 +3021,14 @@ input[type="search"]::-webkit-search-results-decoration {
     display: block;
   }
 
+  .md\:flex{
+    display: flex;
+  }
+
+  .md\:hidden{
+    display: none;
+  }
+
   .md\:max-w-4xl{
     max-width: 56rem;
   }