Fix overflow issues if large output

Author: haukurh

public/index.html

@@ -26,6 +26,8 @@
           margin: 0;
           padding: 0;
           height: 100vh;
+          max-width: 100vw;
+          width: 100%;
           box-sizing: border-box;
           font-family: sans-serif;
           font-size: 16px;
@@ -40,13 +42,13 @@
       body {
           display: grid;
           grid-template-areas: "header header" "main aside" "footer footer";
-          grid-template-columns: 1fr clamp(170px, 20vw, 320px);
+          grid-template-columns: minmax(0, 1fr) clamp(170px, 20vw, 320px);
           grid-template-rows: auto 1fr auto;
       }
       @media (max-width: 380px) {
           body {
               grid-template-areas: "header" "main" "aside" "footer";
-              grid-template-columns: 1fr;
+              grid-template-columns: minmax(0, 1fr);
               grid-template-rows: auto auto 1fr auto;
           }
       }
@@ -108,6 +110,7 @@
           background-color: var(--pre-background-color);
           border: 1px solid var(--pre-background-border);
           border-radius: var(--border-radius);
+          overflow-x: scroll;
       }
       #copy-icon {
           position: absolute;