From: Ardis Lu <ardisglu@gmail.com>
Date: Fri, 10 Feb 2023 05:02:53 +0000 (-0800)
Subject: Use logical properties
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=5b766e83aafcf9311a8e7918fea3ad015ffb2c63;p=991337.xyz

Use logical properties
---

diff --git a/index.html b/index.html
index 6084d50..7222400 100644
--- a/index.html
+++ b/index.html
@@ -12,19 +12,19 @@
   <link rel="icon" href="data:,">
   <style>
     body {
-      height: 100dvh;
+      min-block-size: 100dvb;
       margin: 0;
     }
 
     canvas {
-      width: 100%;
-      height: 100%;
+      inline-size: 100%;
+      block-size: 100%;
     }
 
     div {
       position: fixed;
-      top: 1rem;
-      right: 1rem;
+      inset-block-start: 1rem;
+      inset-inline-end: 1rem;
     }
   </style>
   <title>991337.xyz</title>