adjusted the slider navigation panel

week3/2-website/app.js

@@ -8,15 +8,15 @@ const navLinks = document.querySelectorAll('.navlinks li');
 //event listeners
 
 //toggle the nav burger
-burger.addEventListener('click', () =>{
+burger.addEventListener('click' , () => {
     nav.classList.toggle('nav-active');
 
     //animate the links
-    navLinks.forEach((links, index) =>{
-            if(List.style.animation){
-                list.style.animation = ""
+    navLinks.forEach((link, index) =>{
+            if(link.style.animation){
+                link.style.animation = ''
             }else{
-                list.style.animation = `navlinksfade 0.9s ease forwards ${index / 7+ 1}s`
+                link.style.animation = `navLinkFade 0.9s ease forwards ${index / 7 + 1}s`
             }
     });
 });

week3/2-website/style.css

@@ -50,11 +50,14 @@ nav{
 .navlinks li a:hover{
     color: hotpink;
 }
+.navlinks li{
+    opacity: 0;
+}
 .burger{
     display: block;
     cursor: pointer;
 }
-@keyframes navlinksfade{
+@keyframes navLinkFade{
     from{
         opacity: 0;
         transform: translateX(50px);