From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 13 Dec 2022 04:55:18 +0000 (-0800)
Subject: Stick the footer to the bottom of the page
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=124e74661417975ca4170710f778e6569a59b02e;p=ardislu.dev

Stick the footer to the bottom of the page
---

diff --git a/index.html b/index.html
index fa19318..43e2573 100644
--- a/index.html
+++ b/index.html
@@ -80,6 +80,9 @@
     </noscript>
   </main>
 
+  <!-- Spacer element to stick the footer to the bottom of the page -->
+  <div></div>
+
   <footer>
     <div class="footer-links">
       <a id="edit" href="/">
diff --git a/style.css b/style.css
index 4ebc3d4..07cc80d 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,6 @@
 body {
+  display: grid;
+  grid-template-rows: auto auto 1fr auto;
   min-block-size: 100dvh;
   font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", Helvetica, Arial,