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 {
-    .ascii-wrapper pre code {
+    display: table;             /* Gör att den bara tar så mycket plats som behövs */
-        transform: scale(0.7);
+    max-width: 100%;            /* Begränsa till förälderns bredd */
-        transform-origin: top left;
+    margin: 0 auto;             /* Centrerar innehållet */
-        display: inline-block;
 }
+
+.ascii-wrapper code {
+    white-space: pre;           /* Bevara mellanrum och radbrytningar */
+    font-size: 1em;             /* Behåll läsbar storlek */
 }