feat: Migliorato il nuovo editor markdown per i testi dei problemi e delle soluzioni

client/styles/main.scss

@@ -234,6 +234,29 @@ hr {
     border-bottom: 2px dotted #555;
 }
 
+.math {
+    max-width: 100%;
+    overflow-x: auto;
+}
+
+.math.math-inline {
+    display: inline-grid;
+}    
+
+@media screen and (min-width: $device-m-width) {
+    .math {
+        max-width: 100%;
+        overflow-x: auto;
+    }
+}
+
+@media screen and (max-width: $device-m-width) {
+    .math {
+        max-width: calc(100vw - 3.5rem);
+        overflow-x: auto;
+    }
+}
+
 .math-inline {
     font-size: 95%;
 }
@@ -856,6 +879,7 @@ header {
 
     @media screen and (max-width: $device-m-width), (pointer: coarse) {
         flex-direction: column;
+        max-width: 100%;
 
         .editor textarea,
         .preview .preview-content {