From 7735213e18faad7c4f895fea5c5fb7029e63378b Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 23 Jul 2024 00:03:16 -0700
Subject: [PATCH] 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.
---
 errors/404.html | 3 +++
 index.html      | 3 +++
 style.css       | 2 +-
 3 files changed, 7 insertions(+), 1 deletion(-)

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%);
-- 
2.47.3