From 11875df2f013bcecce68d3011c8bea2049e4fee6 Mon Sep 17 00:00:00 2001 From: Scott Scoble Date: Thu, 30 Apr 2026 20:19:53 -0700 Subject: [PATCH] Center last row of 5-card features flexbox - Switched from grid auto-fit to flexbox with justify-content: center - Cards: flex-basis 30%, min 260px, max 360px - Bottom row of 2 cards now centered under 1-2 and 2-3 positions --- landing/index.html | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/landing/index.html b/landing/index.html index 0adfe1f..3f576e1 100644 --- a/landing/index.html +++ b/landing/index.html @@ -93,13 +93,17 @@ p { color: var(--text-muted); margin-bottom: 1rem; } .features { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + display: flex; + flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem; + justify-content: center; } .feature-card { + flex: 1 1 30%; + min-width: 260px; + max-width: 360px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 0.75rem; padding: 1.5rem; transition: border-color 0.2s ease;