From b36817dd7a8aaa370f73e4ca19381d6291ea8f87 Mon Sep 17 00:00:00 2001
From: 6d486f49 <jonmcc.0723@gmail.com>
Date: Sat, 20 Jun 2026 21:44:28 -0400
Subject: [PATCH] Mobile view

---
 Chrono/Web/Pages/Cards.razor.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/Chrono/Web/Pages/Cards.razor.css b/Chrono/Web/Pages/Cards.razor.css
index 713d539..4359dbe 100644
--- a/Chrono/Web/Pages/Cards.razor.css
+++ b/Chrono/Web/Pages/Cards.razor.css
@@ -727,8 +727,16 @@
     }
 
     .card-grid {
-        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+        grid-template-columns: 1fr;
         gap: 0.75rem;
+        max-width: 400px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    .card-grid.detailed-view {
+        grid-template-columns: 1fr;
+        max-width: 500px;
     }
 
     .detail-layout {
@@ -753,9 +761,10 @@
 }
 
 @media (max-width: 480px) {
-    .card-grid {
-        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
+    .card-grid, .card-grid.detailed-view {
+        grid-template-columns: 1fr;
         gap: 0.5rem;
+        max-width: 100%;
     }
 
     .category-tabs {