diff --git a/frontend/css/style.css b/frontend/css/style.css
index aceebfc..107e11b 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -798,7 +798,7 @@ body.theme-light .setting-item select option {
 /* Grid Container */
 .grid-container {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
     grid-auto-rows: 10px;
     gap: 16px;
     align-items: start;
@@ -840,6 +840,12 @@ body.theme-light .setting-item select option {
 }
 
 @media (max-width: 480px) {
+    .grid-container {
+        /* One full-width card per row on phones. */
+        grid-template-columns: 1fr;
+        gap: 16px;
+    }
+
     .logo {
         font-size: 18px;
     }