Merge pull request #1632 from onflow/cf/mobile-cards-fix

Mobile cards fix for responsiveness

Author: chasefleming

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}

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}