Merge pull request #209 from lkhrs/issue206

Keep footer at bottom of viewport
kevquirk · Oct 20, 2024 · 891f8f0 · 891f8f0
2 parents 7969fbc + dd1a6b1
commit 891f8f0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/simple.css b/simple.css
@@ -61,6 +61,10 @@ progress {
   -moz-appearance: none;
 }
 
+html, body {
+  height: 100%;
+}
+
 html {
   /* Set the font globally */
   font-family: var(--sans-font);
@@ -75,6 +79,7 @@ body {
   line-height: 1.5;
   display: grid;
   grid-template-columns: 1fr min(45rem, 90%) 1fr;
+  grid-template-rows: min-content 1fr auto;
   margin: 0;
 }
 body > * {
@@ -111,7 +116,7 @@ main {
 
 body > footer {
   margin-top: 4rem;
-  padding: 2rem 1rem 1.5rem 1rem;
+  padding: 2rem 1rem;
   color: var(--text-light);
   font-size: 0.9rem;
   text-align: center;

diff --git a/simple.min.css b/simple.min.css