From 6d23268f331f7afb0ded3a777b5e18d44d488536 Mon Sep 17 00:00:00 2001
From: Codex <codex@example.com>
Date: Sat, 7 Mar 2026 19:36:05 +0000
Subject: [PATCH] Center category grid bottom row

---
 hdyc-svelte/src/app.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/hdyc-svelte/src/app.css b/hdyc-svelte/src/app.css
index 54cf081..ab5293b 100644
--- a/hdyc-svelte/src/app.css
+++ b/hdyc-svelte/src/app.css
@@ -467,10 +467,11 @@ a:hover {
   width: 100%;
 }
 .category-grid {
-  width: 100%;
+  width: min(1160px, 100%);
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(180px, 220px));
   gap: clamp(0.75rem, 1.3vw, 1.25rem);
+  justify-content: center;
   justify-items: stretch;
 }
 
@@ -616,7 +617,9 @@ a:hover {
     gap: 1rem;
   }
   .category-grid {
-    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    width: min(960px, 100%);
+    grid-template-columns: repeat(auto-fit, minmax(150px, 200px));
+    justify-content: center;
   }
   .stats-row {
     gap: 1.5rem;