Merge pull request #39 from quickfix-j/copilot/update-features-grid-layout

chrjohn · web-flow · commit 3bdb4e176f3b · 2026-04-13T12:31:34.000+02:00
Center featuresGrid last row via flexbox
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -406,12 +406,15 @@
 }
 
 .featuresGrid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
   gap: 1.5rem;
 }
 
 .featureCard {
+  flex: 1 1 300px;
+  max-width: 400px;
   padding: 1.75rem;
   background: #fafafa;
   border: 1px solid #e4e4e7;
@@ -607,7 +610,7 @@
   }
 
   .featuresGrid {
-    grid-template-columns: 1fr;
+    flex-direction: column;
   }
 
   .protocolGrid {

Original file line number	Diff line number	Diff line change
`@@ -406,12 +406,15 @@`
`406`	`406`	`}`
`407`	`407`
`408`	`408`	`.featuresGrid {`
`409`		`- display: grid;`
`410`		`- grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));`
	`409`	`+ display: flex;`
	`410`	`+ flex-wrap: wrap;`
	`411`	`+ justify-content: center;`
`411`	`412`	`gap: 1.5rem;`
`412`	`413`	`}`
`413`	`414`
`414`	`415`	`.featureCard {`
	`416`	`+ flex: 1 1 300px;`
	`417`	`+ max-width: 400px;`
`415`	`418`	`padding: 1.75rem;`
`416`	`419`	`background: #fafafa;`
`417`	`420`	`border: 1px solid #e4e4e7;`
`@@ -607,7 +610,7 @@`
`607`	`610`	`}`
`608`	`611`
`609`	`612`	`.featuresGrid {`
`610`		`- grid-template-columns: 1fr;`
	`613`	`+ flex-direction: column;`
`611`	`614`	`}`
`612`	`615`
`613`	`616`	`.protocolGrid {`