From 8c96d1c98a012369fcba860aae2aa5918dbd4b11 Mon Sep 17 00:00:00 2001 From: Sibai Date: Sat, 4 Oct 2025 20:49:14 +0200 Subject: [PATCH 1/2] 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; } From 60207f01b9362e441b6f8175e7468cb3efbfa687 Mon Sep 17 00:00:00 2001 From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com> Date: Sat, 25 Oct 2025 18:54:30 +0530 Subject: [PATCH 2/2] use view port height --- css/style.css | 15 ++------------- 1 file changed, 2 insertions(+), 13 deletions(-) diff --git a/css/style.css b/css/style.css index 6a7d9a7cfe..a680081714 100644 --- a/css/style.css +++ b/css/style.css @@ -17,20 +17,8 @@ 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%; + height: 100vh; font: 400 14px/1.6 "Open Sans", sans-serif; background: var(--bg); margin: 0; @@ -1750,3 +1738,4 @@ blockquote { border-bottom: 1px solid var(--border); } } +