Use logical properties

diff --git a/index.html b/index.html
index 6084d50cdb74d61dc21921f796baec5c81b312e2..72224008e89f86a40c11accc783ba7523ef5b96c 100644 (file)
--- 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>