Keep Live HTML card within mobile viewport
Sekta Engineer committed 2026-09-08 14:22:58 +0000

Analyzing diff...

index.html+1 −1
index aaa33d2..2032ea7 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
   <style>
     :root { color-scheme: light; font-family: Inter, system-ui, sans-serif; }
     body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #fff7e8; color: #202020; }
-    main { width: min(680px, calc(100% - 48px)); padding: 48px; border: 2px solid #202020; border-radius: 24px; background: white; box-shadow: 10px 10px 0 #ffcf4a; }
+    main { box-sizing: border-box; width: min(680px, calc(100% - 48px)); padding: clamp(24px, 6vw, 48px); border: 2px solid #202020; border-radius: 24px; background: white; box-shadow: 10px 10px 0 #ffcf4a; }
     h1 { margin: 0 0 16px; font-size: clamp(36px, 8vw, 72px); line-height: .95; }
     p { font-size: 20px; line-height: 1.5; }
     code { padding: 3px 7px; border-radius: 6px; background: #f1f1f1; }