From fbe086af72c4f5ebcc4cb5b1af5a202ad1783e3e Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Fri, 3 Dec 2021 23:59:05 -0800
Subject: [PATCH] Use logical properties instead of physical

---
 index.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 6198439..48d8bc7 100644
--- a/index.html
+++ b/index.html
@@ -18,12 +18,12 @@
     }
 
     main {
-      max-width: 720px;
-      margin: 0 auto;
+      inline-size: min(100% - 2rem, 720px);
+      margin-inline: auto;
     }
 
     .skeleton-line {
-      height: 1rem;
+      block-size: 1rem;
       background: linear-gradient(90deg, black, white, black);
       background-size: 200%;
       animation: 1s linear infinite alternate shimmer;
@@ -42,10 +42,10 @@
     .inline-spinner {
       display: inline-block;
       box-sizing: border-box;
-      height: 1em;
-      width: 1em;
+      block-size: 1em;
+      inline-size: 1em;
       border: 0.25em solid transparent;
-      border-top: 0.25em solid black;
+      border-block-start: 0.25em solid black;
       border-radius: 50%;
       animation: 1s infinite spin;
     }
-- 
2.47.3