pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-20 09:11:12 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix ride card sizing

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-20 00:40:42 +00:00
parent 13b0638f62
commit 167b114bc4
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/homepage/ContentTabs.tsx
View File

@@ -291,7 +291,7 @@ export function ContentTabs() {
<h2 className="text-2xl font-bold mb-2">Most Popular Rides</h2> <h2 className="text-2xl font-bold mb-2">Most Popular Rides</h2>
<p className="text-muted-foreground">Highest rated attractions worldwide</p> <p className="text-muted-foreground">Highest rated attractions worldwide</p>
</div> </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) => ( {popularRides.map((ride) => (
<RideCard key={ride.id} ride={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> <h2 className="text-2xl font-bold mb-2">Trending Rides</h2>
<p className="text-muted-foreground">Most talked about attractions</p> <p className="text-muted-foreground">Most talked about attractions</p>
</div> </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) => ( {trendingRides.map((ride) => (
<RideCard key={ride.id} ride={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> <h2 className="text-2xl font-bold mb-2">Recently Added Rides</h2>
<p className="text-muted-foreground">Latest attractions added to our database</p> <p className="text-muted-foreground">Latest attractions added to our database</p>
</div> </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) => ( {recentRides.map((ride) => (
<RideCard key={ride.id} ride={ride} /> <RideCard key={ride.id} ride={ride} />
))} ))}