sticky footer

public/index.html

@@ -21,6 +21,14 @@
         .hamburger.active .bar:nth-child(3) {
             transform: translateY(-8px) rotate(-45deg);
         }
+        body {
+            display: flex;
+            flex-direction: column;
+            min-height: 100vh;
+        }
+        main {
+            flex-grow: 1;
+        }
     </style>
 </head>
 
@@ -132,8 +140,7 @@
             document.querySelector('.mobile-nav-container').classList.toggle('hidden');
         });
     </script>
-        <script src="js/app.js"></script>
-
+    <script src="js/app.js"></script>
     <script src="https://my-mc.link/js/main.js"></script>
 </body>