From 4082b8454ff0d3469082b9f3daa7639102cab0b7 Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Sun, 24 Apr 2022 11:01:10 +0200
Subject: [PATCH] Fix overlowing caused by pre and tables

---
 sass/style.scss | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/sass/style.scss b/sass/style.scss
index ab484c8..594735e 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -38,6 +38,9 @@
 	grid-template-columns: 10em auto;
 	grid-column-gap: 2em;
 
+	/* Do not let wide blocks, such as pre, expand the column and overflow */
+	&>*{ min-width: 0 }
+
 	& aside>*:first-child,
 	& main>*:first-child,
 	& main>article:first-child h2
@@ -140,6 +143,8 @@ main {
 		max-width: 100%;
 		margin: 0 auto;
 		text-align: left;
+		display: block;
+		overflow: auto;
 
 		td, th { padding: 0 1em }
 	}
@@ -153,16 +158,16 @@ main {
 		}
 	}
 
+	code { font-size: 14px }
+	li>code { word-wrap: break-word }
 	p>code {
 		background-color: #2b303b;
 		color: #fff;
-		font-size: 14px;
 		padding: .3em .5em;
 		border-radius: .3em;
 	}
 
 	pre {
-		font-size: 14px;
 		padding: 1em;
 		overflow: auto;
 		border-radius: .3em;