CSS: sticky footer

emarsden · Mar 2, 2024 · 18a9daf · 18a9daf
1 parent c818423
commit 18a9daf
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 35 deletions.
diff --git a/www-zola/static/css/custom.css b/www-zola/static/css/custom.css
@@ -1,8 +1,14 @@
+html,body {
+    height: 100vh;
+}
+
 body {
     font-size:16px;
 }
 
-footer {
+body > footer {
+    position: sticky;
+    top: 100vh;
     font-size: small;
     display: flex;
     justify-content: space-between;

diff --git a/www-zola/static/css/custom.css~ b/www-zola/static/css/custom.css~