Hide Mobile Nav when clicking outside it

script.js

@@ -46,4 +46,13 @@ document.addEventListener("DOMContentLoaded", () => {
     mobileNavButton.addEventListener("click", () => {
         mobileNav.classList.toggle("active");
     })
+
+    document.addEventListener("click", function(event) {
+        const isInsideMobileNav = mobileNav.contains(event.target);
+        const isClickToggle = mobileNavButton.contains(event.target);
+
+        if (!isInsideMobileNav && !isClickToggle){
+            mobileNav.classList.remove("active");
+        }
+    })
 })