Mobile

styles.css

@@ -6,6 +6,9 @@ table {
     border-collapse: collapse;
     font-family: monospace;
     letter-spacing: .02em;
+    max-width: 100%;
+    overflow-x: auto;
+    display: block;
 }
 
 thead {
@@ -25,6 +28,10 @@ td a {
     padding: 4px 8px;
 }
 
+p {
+    word-break: break-word;
+}
+
 code {
     display: inline-block;
     letter-spacing: .02em;
@@ -33,8 +40,10 @@ code {
     color: #c7254e;
     background-color: #f9f2f4;
     border-radius: 4px;
+    word-break: break-word;
 }
 pre > code {
+    word-break: normal;
     border-radius: 4px;
     background: #f8f8f8;
     border: 1px solid #ccc;
@@ -42,6 +51,9 @@ pre > code {
     color: #333;
     padding: 9.5px;
     line-height: 1.4;
+    max-width: 100%;
+    overflow-x: auto;
+    display: block;
 }
 
 summary {
@@ -54,4 +66,6 @@ details {
     border: 1px solid cornflowerblue;
     padding: 4px;
     margin: 4px 0;
+    overflow-x: auto;
+    max-width: 100%;
 }