From 0772a14e9331f41bdbd25fb1bc81b6cd67a57cd0 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 10 Oct 2025 12:06:56 +0000
Subject: [PATCH] Fix: Center stat cards on ride detail page

---
 src/pages/RideDetail.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/RideDetail.tsx b/src/pages/RideDetail.tsx
index 393f46b5..c833df79 100644
--- a/src/pages/RideDetail.tsx
+++ b/src/pages/RideDetail.tsx
@@ -289,7 +289,7 @@ export default function RideDetail() {
 
         {/* Quick Stats */}
         <div className="max-w-6xl mx-auto mb-8">
-          <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-6 2xl:grid-cols-7 3xl:grid-cols-8 gap-3 lg:gap-4">
+          <div className="flex flex-wrap justify-center gap-3 lg:gap-4">
           {ride.max_speed_kmh !== null && ride.max_speed_kmh !== undefined && ride.max_speed_kmh > 0 && (
             <Card>
               <CardContent className="p-4 text-center">