From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 23 Jul 2024 07:03:16 +0000 (-0700)
Subject: Rollback 041ec4d
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=7735213e18faad7c4f895fea5c5fb7029e63378b;p=ardislu.dev

Rollback 041ec4d

The spacer <div> is required to minimize the <main> height to just fit its content. Without the spacer, <main> will consume the entire screen height and spread its children across the entire height. When there are not enough cards to fill the screen height, this spread results in ugly spacing.
---

diff --git a/errors/404.html b/errors/404.html
index f614156..514cab6 100644
--- a/errors/404.html
+++ b/errors/404.html
@@ -59,6 +59,9 @@
     </a>
   </main>
 
+  <!-- Spacer element -->
+  <div></div>
+
   <footer>
     <address>
       <a href="#"><noscript>ardis [at] ardislu [dot] dev</noscript></a>
diff --git a/index.html b/index.html
index 8ee73ec..7cbc090 100644
--- a/index.html
+++ b/index.html
@@ -88,6 +88,9 @@
     </noscript>
   </main>
 
+  <!-- Spacer element -->
+  <div></div>
+
   <footer>
     <div class="footer-links">
       <a id="edit" href="/">
diff --git a/style.css b/style.css
index bf54125..c7b37cc 100644
--- a/style.css
+++ b/style.css
@@ -6,7 +6,7 @@ html {
 
 body {
   display: grid;
-  grid-template-rows: auto 1fr auto;
+  grid-template-rows: auto auto 1fr auto;
   min-block-size: 100dvh;
   color: hsl(0deg 0% 15%);
   background: radial-gradient(circle at top, hsl(216deg 10% 95%), hsl(216deg 15% 90%) 40%);