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 75270a11e93889a7cad1dc800fe12cba30932861..084351f750d45b194ac739fbe385b33eb9e915d1 100644 (file)
--- 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 {