ensure margins are dynamic again

Author: Mpdreamz

src/Elastic.Markdown/Assets/styles.css

@@ -24,7 +24,7 @@
 	--banner-height: calc(var(--spacing) * 9);
 	/*--offset-top: calc(var(--header-height) + var(--banner-height));*/
 	--offset-top: 72px;
-	--max-layout-width: 1450px;
+	--max-layout-width: 1500px;
 	--max-sidebar-width: calc(var(--spacing) * 65);
 	--max-content-width: calc(var(--max-layout-width) - (var(--max-sidebar-width) * 2))
 }

src/Elastic.Markdown/Slices/_Layout.cshtml

@@ -29,7 +29,10 @@
 					lg:grid-cols-[var(--max-sidebar-width)_1fr_var(--max-sidebar-width)]
 				">
 				@await RenderPartialAsync(_PagesNav.Create(Model))
-				<div class="justify-center grid grid-cols-[1fr_clamp(40ch,80ch,100%)_1fr]">
+				<div class="justify-center px-6 grid
+					grid-cols-1
+					lg:grid-cols-[1fr_clamp(40ch,80ch,100%)_1fr]
+					">
 					<div class="spacer"></div>
 					<main id="content-container" class="w-full flex flex-col relative pb-30 overflow-x-hidden">
 						<div class="w-full absolute top-0 left-0 right-0 htmx-indicator" id="htmx-indicator" role="status">