From 4d033a4ea0f8912c1d92066ebb5909f94a622b5a Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Sat, 14 Jun 2025 09:33:13 +0000
Subject: [PATCH] Improve the appearance of class cards by displaying more of
 each image

Adjusts the image height in ClassCard component to enhance visual clarity using object-cover.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 993772ca-0b6c-4a66-865f-43bf247cd140
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/2ca2d418-5944-4a9c-815e-d56713cfc481.jpg
---
 client/src/components/classes/class-card.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/classes/class-card.tsx b/client/src/components/classes/class-card.tsx
index 8ce230d..c7407d8 100644
--- a/client/src/components/classes/class-card.tsx
+++ b/client/src/components/classes/class-card.tsx
@@ -51,7 +51,7 @@ export function ClassCard({ classData }: ClassCardProps) {
       <img 
         src={getClassImage()} 
         alt={classData.name} 
-        className="w-full h-36 object-cover" 
+        className="w-full h-50 object-cover" 
       />
       <div className="p-4">
         <div className="flex justify-between items-start mb-2">