fix the navbar

Author: amirnn

src/styles.css

@@ -52,6 +52,8 @@ nav .container {
 nav ul {
     list-style: none;
     display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
 }
 
 nav ul li {
@@ -70,6 +72,18 @@ nav ul li a:hover {
     color: #2a5298;
 }
 
+/* Mobile navigation styling */
+@media (max-width: 600px) {
+    nav ul {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    nav ul li {
+        margin: 5px 0;
+    }
+}
+
 /* Main content styling */
 main {
     padding: 40px 0;