From cda87a7a7107287a1e91d2e86950a1af6f288362 Mon Sep 17 00:00:00 2001
From: Chase Fleming <1666730+chasefleming@users.noreply.github.com>
Date: Tue, 23 Dec 2025 11:38:54 -0800
Subject: [PATCH] Mobile cards fix for responsiveness

---
 src/ui/design-system/src/lib/Pages/HomePage/GrowSection.tsx  | 2 +-
 src/ui/design-system/src/lib/Pages/HomePage/ToolsSection.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/design-system/src/lib/Pages/HomePage/GrowSection.tsx b/src/ui/design-system/src/lib/Pages/HomePage/GrowSection.tsx
index 3ee7c352cb..b2546ec9e9 100644
--- a/src/ui/design-system/src/lib/Pages/HomePage/GrowSection.tsx
+++ b/src/ui/design-system/src/lib/Pages/HomePage/GrowSection.tsx
@@ -17,7 +17,7 @@ const GrowSection: React.FC = () => {
           <h2 className="text-2xl font-bold text-gray-900 dark:text-white m-0">Builder toolkit to start, grow, and win</h2>
         </div>
         
-        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
           {cards.map((card, idx) => (
             <a
               key={idx}
diff --git a/src/ui/design-system/src/lib/Pages/HomePage/ToolsSection.tsx b/src/ui/design-system/src/lib/Pages/HomePage/ToolsSection.tsx
index 78a96d19f8..36af991a77 100644
--- a/src/ui/design-system/src/lib/Pages/HomePage/ToolsSection.tsx
+++ b/src/ui/design-system/src/lib/Pages/HomePage/ToolsSection.tsx
@@ -17,7 +17,7 @@ const ToolsSection: React.FC = () => {
           <h2 className="text-2xl font-bold text-gray-900 dark:text-white m-0">Tools</h2>
         </div>
         
-        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
           {cards.map((card, idx) => (
             <a
               key={idx}