Film

extra.css

@@ -1,12 +1,16 @@
 .ascii-wrapper {
+    width: 100%;
     overflow-x: auto;
-    max-width: 100%;
+    -webkit-overflow-scrolling: touch; /* för smooth scroll på mobil */
 }
 
-@media (max-width: 768px) {
-    .ascii-wrapper pre code {
-        transform: scale(0.7);
-        transform-origin: top left;
-        display: inline-block;
-    }
+.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 */
 }