Updaed navbar of about same as home

Yanik Kumar · Yanik Kumar · commit e727c6fa2d46 · 2025-07-17T13:57:36.000+05:30
diff --git a/about.html b/about.html
@@ -77,6 +77,8 @@
         gap: 1.1rem;
         background: transparent;
         box-shadow: none;
+        flex-wrap: wrap;
+        justify-content: center;
       }
       nav a,
       nav button {
@@ -195,6 +197,47 @@
           padding: 1.2em 0.5em 1em 0.5em;
         }
       }
+      @media (max-width: 700px) {
+        header {
+          flex-direction: column;
+          align-items: center;
+          justify-content: flex-start;
+          padding: 1.1rem 0.7rem 0.5rem 0.7rem;
+        }
+        .logo-row {
+          justify-content: center;
+          width: 100%;
+          margin-bottom: 0.7em;
+        }
+        nav {
+          flex-direction: row;
+          flex-wrap: wrap;
+          justify-content: center;
+          width: 100%;
+          gap: 0.7em;
+          margin-bottom: 0.5em;
+          padding: 0.5em 0;
+          border-radius: 12px;
+          box-shadow: var(--shadow);
+        }
+        nav a,
+        nav button {
+          justify-content: center;
+          width: auto;
+          min-width: 0;
+          margin: 0;
+          font-size: 1.13em;
+          padding: 0.6em 0.9em;
+          border-radius: 8px;
+        }
+        .sponsor-btn,
+        .stars-btn,
+        .toggle-btn {
+          font-size: 1.13em;
+          padding: 0.6em 0.9em;
+          border-radius: 8px;
+        }
+      }
     </style>
   </head>
   <body>
@@ -209,7 +252,7 @@
         <span class="brand">SproutPHP</span>
       </div>
       <nav>
-        <a href="index.html">Home</a>
+        <a href="./index.html">Home</a>
         <a href="https://sproutphp.github.io/documentation/">Docs</a>
         <a
           href="https://github.com/sponsors/yanikkumar"
