From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 13 Dec 2022 04:54:54 +0000 (-0800)
Subject: Use 100dvh instead of 100% trick
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=2e6db41fdf9c3eac0c0c16b77eacd590d9549eb7;p=ardislu.dev

Use 100dvh instead of 100% trick

dvh is now supported on all modern browsers. The dvh unit makes intent clearer and subtle bugs with grid are fixed by using dvh
---

diff --git a/style.css b/style.css
index 876b329..4ebc3d4 100644
--- a/style.css
+++ b/style.css
@@ -1,8 +1,5 @@
-html, body {
-  min-block-size: 100%;
-}
-
 body {
+  min-block-size: 100dvh;
   font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", Helvetica, Arial,
     sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";