Film

docs/extra.css

@@ -1,16 +1,16 @@
 .ascii-wrapper {
-    width: 50%;
+    width: 100%;
     overflow-x: auto;
-    -webkit-overflow-scrolling: touch; /* för smooth scroll på mobil */
+    -webkit-overflow-scrolling: touch;
+    text-align: center; /* centrerar inline-block-barnet */
+    padding: 1rem 0;
 }
 
 .ascii-wrapper pre {
-    display: table;             /* Gör att den bara tar så mycket plats som behövs */
-    max-width: 100%;            /* Begränsa till förälderns bredd */
-    margin: 0 auto;             /* Centrerar innehållet */
-}
-
-.ascii-wrapper code {
-    white-space: pre;           /* Bevara mellanrum och radbrytningar */
-    font-size: 1em;             /* Behåll läsbar storlek */
-}
+    display: inline-block; /* gör så att max-width fungerar */
+    max-width: 100%;
+    font-size: clamp(0.65rem, 1vw + 0.3rem, 1rem); /* skalar mjukt från små till stora skärmar */
+    line-height: 1.2;
+    white-space: pre;
+    margin: 0;
+}