Use physical units for spacing

Hardcoded pixels instead of rems for gaps makes sense because it's a physical distance and not relative

diff --git a/index.html b/index.html
index 6f6d469a52e56cb53ae1b6393b5e60aa62a6389f..6719741dc06c6972687b9ea77d16baad0e197b58 100644 (file)
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
   <link rel="icon" href="data:,">
   <style>
     body {
-      inline-size: min(100% - 2rem, 720px);
+      inline-size: min(100% - 16px, 720px);
       margin-inline: auto;
       font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
       background: hsl(0deg 0% 90%);
@@ -22,10 +22,10 @@
     form {
       display: flex;
       flex-direction: column;
-      gap: 1rem;
+      gap: 16px;
     }
 
-    p {
+    form p {
       margin: 0;
     }