Fix container max width to use responsive min() and CSS custom properties

2026-03-17 13:46:55 -05:00
parent eb61d3279f
commit bf9c1997ae
1 changed files with 7 additions and 2 deletions
--- a/css/custom.css
+++ b/css/custom.css
@@ -303,8 +303,13 @@ body{
 	overflow-x: clip;
 }

-.container{
-	max-width: 1300px;
+.container {
+	width: 100%;
+	max-width: min(90%, var(--container-xl));
+	margin-left: auto;
+	margin-right: auto;
+	padding-left: var(--space-4);
+	padding-right: var(--space-4);
 }

 .container,