From ac274034c2ad0abb794bfd73624a45a021a0bf54 Mon Sep 17 00:00:00 2001
From: Resham Saipranathi <164533685+reshamsai150@users.noreply.github.com>
Date: Wed, 2 Oct 2024 11:39:14 +0530
Subject: [PATCH] Added the hovering effect to cards

---
 style.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/style.css b/style.css
index 57b0a13..29b1ce5 100644
--- a/style.css
+++ b/style.css
@@ -158,6 +158,18 @@ nav {
   background-repeat: no-repeat;
 }
 
+/* card hover effect */
+.trainer__card {
+  position: relative;
+  overflow: hidden;
+  transition: transform 0.3s ease-in-out;
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
+}
+
+.trainer__card:hover {
+  transform: scale(1.1);
+}
+
 .header__container {
   padding-block: 10rem;
   display: grid;