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 876b329ff9a7e0f486d461773871deb0a4c2abd7..4ebc3d4adc2527c202135e5e830e5be444c3af8d 100644 (file)
--- 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";