Fixar skalningen

docs/extra.css

@@ -1,16 +1,22 @@
 .ascii-wrapper {
-    width: 100%;
     display: flex;
-    justify-content: center;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
+    justify-content: center;      /* Centrerar horisontellt */
+    align-items: center;          /* Centrerar vertikalt om höjd är definierad */
+    width: 100%;
+    height: 100%;                 /* Om du vill att det ska vara centrerat även vertikalt */
     padding: 1rem 0;
+    overflow-x: auto;
+    background-color: #000;       /* Svart bakgrund */
+    color: #0f0;                  /* Grön textfärg för bättre läsbarhet */
 }
 
 .ascii-wrapper pre {
-    width: 100%;
+    display: block;
+    text-align: center;           /* Centrerar texten horisontellt */
+    margin: 0;
     font-size: clamp(0.4rem, 1.2vw + 0.2rem, 0.75rem);
     line-height: 1.2;
-    margin: 0;
-    white-space: pre;
+    white-space: pre-wrap;        /* Gör att texten kan radbryta om det behövs */
+    word-break: break-word;
+    box-sizing: border-box;
 }