fix: improve mobile layout for features section (#184)

Author: nazneen-p1

apps/web/src/routes/+page.svelte

@@ -220,6 +220,15 @@
     padding: 4rem 0 5rem;
   }
 
+  @media (max-width: 640px) {
+  .features {
+    display: grid;
+    grid-template-columns: 1fr; /* single column */
+    gap: 16px;
+    padding: 0 12px;
+  }
+}
+
   .feature-card {
     padding: 2.4rem;
     border-radius: var(--radius-xl);
@@ -229,6 +238,16 @@
     transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
   }
 
+  .feature-card {
+  min-height: 140px;
+  padding: 16px;
+}
+@media (max-width: 640px) {
+  .feature-card {
+    margin-bottom: 12px;
+  }
+}
+
   .feature-card:hover {
     transform: translateY(-8px);
     border-color: rgba(99, 102, 241, 0.4);