From 8c96d1c98a012369fcba860aae2aa5918dbd4b11 Mon Sep 17 00:00:00 2001
From: Sibai <sibaieshak@gmail.com>
Date: Sat, 4 Oct 2025 20:49:14 +0200
Subject: [PATCH] fix: ensure footer is pushed to the bottom on large screens -
 make html & body take the whole screen - push the footer all the way to the
 bottom

---
 css/style.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/css/style.css b/css/style.css
index 1226c519a8..6a7d9a7cfe 100644
--- a/css/style.css
+++ b/css/style.css
@@ -17,7 +17,20 @@ h1, h2, h3, h4, h5, h6,
   }
 }
 
+html {
+  /*
+    html & body need to take the whole
+    visible area in order for the footer
+    to be pushed all the way down or else
+    on really big screens or when the user
+    is zoomed out, the footer is not all
+    the way at the bottom of the screen
+  */
+  height: 100%;
+}
+
 body {
+  height: 100%;
   font: 400 14px/1.6 "Open Sans", sans-serif;
   background: var(--bg);
   margin: 0;
@@ -40,6 +53,7 @@ header {
 }
 
 footer {
+  margin-top: auto;
   grid-area: footer;
 }