From de3fc810ba76ce3ea80f83819b45ec3621c2178f Mon Sep 17 00:00:00 2001
From: Codex Agent <agent@example.com>
Date: Sun, 8 Mar 2026 09:01:10 +0000
Subject: [PATCH] Mobile layout adjustment

---
 hdyc-svelte/src/app.css | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/hdyc-svelte/src/app.css b/hdyc-svelte/src/app.css
index 1f8e077..b67f190 100644
--- a/hdyc-svelte/src/app.css
+++ b/hdyc-svelte/src/app.css
@@ -858,14 +858,24 @@ a:focus-visible {
   }
   .category-section__inner {
     gap: 1rem;
+    width: 100%;
+  }
+  .category-section .section-heading {
+    margin-bottom: 0.75rem;
+    text-align: center;
   }
   .category-grid {
-    width: min(960px, 100%);
+    width: 100%;
+    max-width: 540px;
+    margin-inline: auto;
+    grid-template-columns: repeat(2, minmax(140px, 1fr));
+    gap: clamp(0.7rem, 3vw, 1rem);
+    justify-content: center;
   }
   .category-grid .category-card {
-    flex: 0 1 clamp(150px, 40vw, 200px);
-    min-width: 150px;
-    max-width: 200px;
+    flex: none;
+    min-width: 0;
+    max-width: none;
   }
   .stats-row {
     gap: 1.5rem;