feat: max-w-6xl on very wide displays

intergrav · intergrav · commit 11a5ccd5d10b · 2025-07-25T16:11:59.000-04:00
on viewports wider than 128rem (2048px), use max-w-6xl to maintain margin-to-content ratio
diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro
@@ -28,7 +28,7 @@ const {
 		<link rel="sitemap" href="/sitemap-index.xml" />
 	</head>
 	<body
-		class="flex flex-col min-h-screen max-w-4xl mx-auto gap-4 sm:pb-4 bg-center bg-no-repeat bg-cover bg-fixed bg-prism-background-light dark:bg-prism-background-dark bg-[url('/img/background/prism-backgroundLight.svg')] dark:bg-[url('/img/background/prism-backgroundDark.svg')]"
+		class="flex flex-col min-h-screen max-w-4xl min-[128rem]:max-w-6xl mx-auto gap-4 sm:pb-4 bg-center bg-no-repeat bg-cover bg-fixed bg-prism-background-light dark:bg-prism-background-dark bg-[url('/img/background/prism-backgroundLight.svg')] dark:bg-[url('/img/background/prism-backgroundDark.svg')]"
 	>
 		<Header />
 		<main class="flex-1 flex flex-col gap-4">

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ const {`
`28`	`28`	`<link rel="sitemap" href="/sitemap-index.xml" />`
`29`	`29`	`</head>`
`30`	`30`	`<body`
`31`		`- class="flex flex-col min-h-screen max-w-4xl mx-auto gap-4 sm:pb-4 bg-center bg-no-repeat bg-cover bg-fixed bg-prism-background-light dark:bg-prism-background-dark bg-[url('/img/background/prism-backgroundLight.svg')] dark:bg-[url('/img/background/prism-backgroundDark.svg')]"`
	`31`	`+ class="flex flex-col min-h-screen max-w-4xl min-[128rem]:max-w-6xl mx-auto gap-4 sm:pb-4 bg-center bg-no-repeat bg-cover bg-fixed bg-prism-background-light dark:bg-prism-background-dark bg-[url('/img/background/prism-backgroundLight.svg')] dark:bg-[url('/img/background/prism-backgroundDark.svg')]"`
`32`	`32`	`>`
`33`	`33`	`<Header />`
`34`	`34`	`<main class="flex-1 flex flex-col gap-4">`