From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 13 Aug 2024 05:28:05 +0000 (-0700)
Subject: Don't vertically center
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=0eea991305dfe9272eba89ebf4b61dffcd170383;p=safe-owners

Don't vertically center

Since the output length is dynamic, vertical centering results in constant layout shift as data comes in.
---

diff --git a/index.html b/index.html
index 75270a1..084351f 100644
--- a/index.html
+++ b/index.html
@@ -12,8 +12,7 @@
       background-color: hsl(216deg 50% 90%);
       color: hsl(216deg 50% 10%);
       display: grid;
-      place-items: center;
-      block-size: 100dvb;
+      justify-content: center;
       margin: 0;
     }
 
@@ -22,7 +21,7 @@
       display: flex;
       flex-direction: column;
       align-items: center;
-      margin-block-end: 16px;
+      margin-block: 16px;
     }
 
     h1 {