Make plans responsive mobile

Adjust PlansSection grid to show 3 columns on mobile with smaller gaps for tablet/desktop alignment, so subscriptions and images appear side-by-side on mobile. X-Lovable-Edit-ID: edt-6fc75a02-2705-41f6-a8a0-ad38ed4bb53e
2026-01-27 23:59:24 +00:00
parent 2a204bac5c e8adc191b6
commit 4e93aa8644
1 changed files with 1 additions and 1 deletions
@@ -118,7 +118,7 @@ const PlansSection = () => {
        </div>

        {/* Plans grid */}
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+        <div className="grid grid-cols-3 gap-4 md:gap-8">
          {planDetails.map((plan, index) => (
            <div
              key={index}