Widen quicklinks grid column and narrow feature box column

cdlib · Jun 26, 2024 · 6433f58 · 6433f58
1 parent 175cd44
commit 6433f58
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/css/templates/home.css b/css/templates/home.css
@@ -1,14 +1,16 @@
 /**** Home Template ****/
 
 .t-home {
+  --content-width: 120rem;
+
   & .t-header,
   & .t-banner,
   & .t-top-section,
   & .t-help-section,
   & main,
   & > footer {
     display: grid;
-    grid-template-columns: 1fr minmax(auto, 120rem) 1fr;
+    grid-template-columns: 1fr minmax(auto, var(--content-width)) 1fr;
     column-gap: var(--space-base);
 
     & > * {
@@ -82,7 +84,7 @@
 @media (width >= 80rem) {
   .t-home {
     & .t-top-section {
-      grid-template-columns: 1fr minmax(0, 59.5rem) minmax(0, 59.5rem) 1fr;
+      grid-template-columns: 1fr minmax(40%, calc(.67 * var(--content-width) - .5rem)) minmax(10%, calc(.33 * var(--content-width) - .5rem)) 1fr;
 
       & .c-qlinks-header,
       & .c-quicklinks--cdl,