don't use margin centering use the existing flexbox centering

rosieyohannan · rosieyohannan · commit cb0d5847c326 · 2025-09-15T12:57:19.000+01:00
diff --git a/ui/src/css/main.css b/ui/src/css/main.css
@@ -33,10 +33,10 @@ body.-toc aside.toc.sidebar {
   }
 }
 
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 1280px) { /* Use xl breakpoint to match existing xl:items-center */
   main {
     max-width: calc(var(--doc-max-width--desktop) + var(--toc-width)); /* Article + TOC */
-    margin: 0 auto; /* Center the entire main element */
+    /* Let parent xl:items-center handle the centering */
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -33,10 +33,10 @@ body.-toc aside.toc.sidebar {`
`33`	`33`	`}`
`34`	`34`	`}`
`35`	`35`
`36`		`-@media screen and (min-width: 1200px) {`
	`36`	`+@media screen and (min-width: 1280px) { /* Use xl breakpoint to match existing xl:items-center */`
`37`	`37`	`main {`
`38`	`38`	`max-width: calc(var(--doc-max-width--desktop) + var(--toc-width)); /* Article + TOC */`
`39`		`- margin: 0 auto; /* Center the entire main element */`
	`39`	`+ /* Let parent xl:items-center handle the centering */`
`40`	`40`	`}`
`41`	`41`	`}`
`42`	`42`