From b53d7712b6ea0be6525c86b2da7a6e456838f2ae Mon Sep 17 00:00:00 2001 From: Aachallll Date: Sat, 9 Nov 2024 23:51:10 +0530 Subject: [PATCH] Set the fixed image height and hover cursor effect --- pages/scholarship-feature/scholarships.css | 3 ++- pages/scholarships/scholarships.css | 1 + 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/pages/scholarship-feature/scholarships.css b/pages/scholarship-feature/scholarships.css index 29cb986e..ed73d5f5 100644 --- a/pages/scholarship-feature/scholarships.css +++ b/pages/scholarship-feature/scholarships.css @@ -150,7 +150,7 @@ p { border: 2px solid rgb(234, 231, 231); border-radius: 5px; width: 100%; - height: 150px; /* Smaller image to reduce height */ + height: auto; /* Smaller image to reduce height */ object-fit: cover; margin-bottom: 10px; /* Reduced margin below the image */ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Adds shadow effect */ @@ -162,6 +162,7 @@ p { .card h2 { font-size: 18px; /* Slightly smaller font */ color: black; + cursor: pointer; } /* Card paragraph */ diff --git a/pages/scholarships/scholarships.css b/pages/scholarships/scholarships.css index 57b39bee..4ad4aebd 100644 --- a/pages/scholarships/scholarships.css +++ b/pages/scholarships/scholarships.css @@ -543,6 +543,7 @@ main { } + /* Responsive Design */ @media (max-width: 768px) {