From 0eea991305dfe9272eba89ebf4b61dffcd170383 Mon Sep 17 00:00:00 2001 From: Ardis Lu Date: Mon, 12 Aug 2024 22:28:05 -0700 Subject: [PATCH] Don't vertically center Since the output length is dynamic, vertical centering results in constant layout shift as data comes in. --- index.html | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) 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 { -- 2.47.3