Stick the footer to the bottom of the page

diff --git a/index.html b/index.html
index fa19318c0c236b7bbfaa921eef103988784e2bc2..43e257308bee6289631b42ba6b5431dc2f65b2f6 100644 (file)
--- 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 4ebc3d4adc2527c202135e5e830e5be444c3af8d..07cc80d29ba4435aea56e94c162021f1bbf81eeb 100644 (file)
--- 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,