fixed navbar

Author: Pranav-Kunjir

index.html

@@ -275,7 +275,7 @@ <h1 class="logo flex items-center gap-4 animate-slide-in">
     </nav>
 
     <!-- Mobile Navigation - Blog Only -->
-    <div class="nav-mobile">
+    <div class="nav-mobile flex md:hidden w-full justify-end">
       <a href="/blog/" class="nav__link nav__link--mobile-blog animate-slide-in" style="animation-delay: 0.2s">Blog</a>
     </div>
   </header>

style.css

@@ -659,7 +659,7 @@ pre code {
 
 /* Container layout */
 .container {
-  width: 100%;
+  width: 90%;
   margin-right: auto;
   margin-left: auto;
   padding-right: var(--space-16);
@@ -2298,7 +2298,7 @@ a:hover {
   .container {
     padding-right: 24px;
     padding-left: 24px;
-    max-width: 600px;
+    max-width: 90%;
   }
 
   /* Typography scaling - all centered */
@@ -2543,7 +2543,7 @@ a:hover {
   .container {
     padding-right: 20px;
     padding-left: 20px;
-    max-width: 100%;
+    max-width: 90%;
   }
 
   /* Header improvements - cleaner layout */