changes

public/js/nav.js

@@ -0,0 +1,8 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const menuIcon = document.getElementById('menu-icon');
+    const navLinks = document.getElementById('nav-links');
+
+    menuIcon.addEventListener('click', function() {
+        navLinks.classList.toggle('active');
+        });
+    });

public/styles.css

@@ -41,9 +41,11 @@
   position: relative;
   background: #333;
   color: #fff;
-  display: flex;
+  display: inline-block;
   align-items: center;
   padding: 0.5rem 1rem;
+  top:0;
+  left:0;
 }
 
 .menu-icon {