From d7d50f260376cd763a167aac680d120d67503990 Mon Sep 17 00:00:00 2001
From: Kuba Orlik <kontakt@kuba-orlik.name>
Date: Mon, 19 Jan 2026 14:45:54 +0100
Subject: [PATCH] More narrow paragraphs

---
 .../table-with-markdown.jdd.tsx                   |  2 +-
 src/main.css                                      | 15 +++++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/back/jdd-components/table-with-markdown/table-with-markdown.jdd.tsx b/src/back/jdd-components/table-with-markdown/table-with-markdown.jdd.tsx
index 878e545..4ac5f61 100644
--- a/src/back/jdd-components/table-with-markdown/table-with-markdown.jdd.tsx
+++ b/src/back/jdd-components/table-with-markdown/table-with-markdown.jdd.tsx
@@ -25,7 +25,7 @@ export class TableWithMarkdown extends Component<typeof component_arguments> {
 	}: ComponentToHTMLArgs<typeof component_arguments>) {
 		return (
 			<div
-				class={["table-with-markdown", ...classes]}
+				class={["table-with-markdown", "bleed-out", ...classes]}
 				style={`--jdd-index: ${index}`}
 			>
 				<table>
diff --git a/src/main.css b/src/main.css
index 38f18e6..fc04586 100644
--- a/src/main.css
+++ b/src/main.css
@@ -103,13 +103,16 @@ h4 {
 	display: grid !important;
 	--min-content-width: 320px;
 	--main-column-max-width: 1224px;
-	grid-template-columns:
-		[screen-left-edge] minmax(16px, 1fr) [content-left-edge left-column-start] minmax(
+	grid-template-columns: [screen-left-edge] minmax(
+			16px,
+			1fr
+		) [content-left-edge left-column-start] minmax(
 			120px,
-			600px
-		)
-		[left-column-end] 24px [right-column-start] minmax(120px, 600px)
-		[content-right-edge right-column-end] minmax(16px, 1fr) [screen-right-edge];
+			260px
+		) [left-column-end] 24px [right-column-start] minmax(
+			120px,
+			260px
+		) [content-right-edge right-column-end] minmax(16px, 1fr) [screen-right-edge];
 
 	@container (max-width: 550px) {
 		grid-template-columns: