Horizontally scroll tables and codeblocks instead of entire page

static/css/general.css

@@ -54,7 +54,10 @@ pre {
     margin-bottom: 1.5rem;
     margin-left: auto;
     margin-right: auto;
+    width: 100%;
     max-width: max-content;
+    overflow-y: auto;
+    line-break: strict;
 }
 
 /* Inline keywords/code */
@@ -93,28 +96,24 @@ hr {
 }
 
 table {
-    border-style: solid;
-    border-color: black;
-    border-right: none;
-    border-bottom: none;
+    display: block;
     border-collapse: collapse;
     margin: 1rem auto;
+    width: fit-content;
     max-width: 100%;
+    overflow-y: auto;
 }
 
 td, th {
     border-style: solid;
     border-color: black;
-    border-left: none;
-    border-top: none;
     border-collapse: collapse;
     padding: 0.5rem;
-    line-break: anywhere;
 }
 
-@media (max-width: 15rem) {
+@media (max-width: 20rem), (max-width: 300px) {
     * {
-        line-break: anywhere;
+        word-wrap: break-word;
     }
 }