diff --git a/card-one/index.html b/card-one/index.html
index 01f82c2..b05f02a 100644
--- a/card-one/index.html
+++ b/card-one/index.html
@@ -44,5 +44,7 @@
         </li>
       </ol>
     </main>
+
+    <footer id="footer"><!-- auto populated by nav.js --></footer>
   </body>
 </html>
diff --git a/card-two/index.html b/card-two/index.html
index eb641b5..396ceb4 100644
--- a/card-two/index.html
+++ b/card-two/index.html
@@ -37,5 +37,7 @@
       <p><span class="card">Card two</span> has 16 total recipients.</p>
 
     </main>
+
+    <footer id="footer"><!-- auto populated by nav.js --></footer>
   </body>
 </html>
diff --git a/index.html b/index.html
index d1bfb3c..4d836e9 100644
--- a/index.html
+++ b/index.html
@@ -103,8 +103,6 @@
       <p>if airtable is in any way inaccessible to you, please <a target="_blank" href="https://leecat.art/contact">reach out directly to lee</a>.</p>
     </main>
 
-    <footer>
-      <p>brought to you in 2026</p>
-    </footer>
+    <footer id="footer"><!-- auto populated by nav.js --></footer>
   </body>
 </html>
diff --git a/scripts/nav.js b/scripts/nav.js
index 683bfc9..4f089ed 100644
--- a/scripts/nav.js
+++ b/scripts/nav.js
@@ -123,3 +123,8 @@ document.addEventListener("keydown", (event) => {
 window.addEventListener("click", (event) => {
   if (!event.target.matches("#drop-button")) closeDropdown();
 });
+
+/* footer */
+
+let footerHTML = "<p>brought to you in 2026</p>";
+document.getElementById("footer").innerHTML = footerHTML;
diff --git a/styles/main.css b/styles/main.css
index cc45f9b..148043c 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -27,6 +27,7 @@ main {
   width: 65%;
   margin: 0 auto 2rem;
   scroll-margin-top: 1.5rem;
+  min-height: 50vh;
 }
 
 @media (max-width: 650px) {