From 789d5db37acd9a1e8245b695844c00250aab4efa Mon Sep 17 00:00:00 2001
From: pac7 <47831526-pac7@users.noreply.replit.com>
Date: Mon, 22 Sep 2025 15:08:23 +0000
Subject: [PATCH] Improve card display by adjusting height for better
 visibility

Remove fixed height attribute from park and ride card components in templates/home.html to resolve potential rendering issues.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 0bdea3fb-49ea-4863-b501-fa6f5af0cbf0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/0bdea3fb-49ea-4863-b501-fa6f5af0cbf0/gnWxH6v
---
 templates/home.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/home.html b/templates/home.html
index afdb92b6..d4882612 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -72,7 +72,7 @@
         </h2>
         <div class="space-y-4">
             {% for park in popular_parks %}
-                <c-park_card :park="park" view_mode="grid" class="h-48" />
+                <c-park_card :park="park" view_mode="grid" />
             {% empty %}
                 <div class="flex flex-col items-center justify-center h-48 p-8 text-center bg-gray-50 rounded-lg dark:bg-gray-800/50">
                     <div class="mb-4 text-4xl">🎢</div>
@@ -90,7 +90,7 @@
         </h2>
         <div class="space-y-4">
             {% for ride in popular_rides %}
-                <c-ride_card :ride="ride" class="h-48" url_variant="park" />
+                <c-ride_card :ride="ride" url_variant="park" />
             {% empty %}
                 <div class="flex flex-col items-center justify-center h-48 p-8 text-center bg-gray-50 rounded-lg dark:bg-gray-800/50">
                     <div class="mb-4 text-4xl">🎠</div>
@@ -110,10 +110,10 @@
             {% for item in highest_rated %}
                 {% if item.park %}
                     <!-- This is a ride -->
-                    <c-ride_card :ride="item" class="h-48" url_variant="park" />
+                    <c-ride_card :ride="item" url_variant="park" />
                 {% else %}
                     <!-- This is a park -->
-                    <c-park_card :park="item" view_mode="grid" class="h-48" />
+                    <c-park_card :park="item" view_mode="grid" />
                 {% endif %}
             {% empty %}
                 <div class="flex flex-col items-center justify-center h-48 p-8 text-center bg-gray-50 rounded-lg dark:bg-gray-800/50">