From 167b114bc45936976420636a3f0d74ebe4801bd8 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 20 Sep 2025 00:40:42 +0000
Subject: [PATCH] Fix ride card sizing

---
 src/components/homepage/ContentTabs.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/homepage/ContentTabs.tsx b/src/components/homepage/ContentTabs.tsx
index cf43749c..124ddba8 100644
--- a/src/components/homepage/ContentTabs.tsx
+++ b/src/components/homepage/ContentTabs.tsx
@@ -291,7 +291,7 @@ export function ContentTabs() {
               <h2 className="text-2xl font-bold mb-2">Most Popular Rides</h2>
               <p className="text-muted-foreground">Highest rated attractions worldwide</p>
             </div>
-            <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
+            <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
               {popularRides.map((ride) => (
                 <RideCard key={ride.id} ride={ride} />
               ))}
@@ -303,7 +303,7 @@ export function ContentTabs() {
               <h2 className="text-2xl font-bold mb-2">Trending Rides</h2>
               <p className="text-muted-foreground">Most talked about attractions</p>
             </div>
-            <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
+            <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
               {trendingRides.map((ride) => (
                 <RideCard key={ride.id} ride={ride} />
               ))}
@@ -327,7 +327,7 @@ export function ContentTabs() {
               <h2 className="text-2xl font-bold mb-2">Recently Added Rides</h2>
               <p className="text-muted-foreground">Latest attractions added to our database</p>
             </div>
-            <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
+            <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
               {recentRides.map((ride) => (
                 <RideCard key={ride.id} ride={ride} />
               ))}