From 8ff240afa494924d123886b78a782a35da33223d Mon Sep 17 00:00:00 2001
From: Niharika Shah <shahniharikagujju@gmail.com>
Date: Wed, 22 May 2024 13:08:28 +0530
Subject: [PATCH] Hover effect on the content box in courses

---
 src/components/Courses/index.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/Courses/index.tsx b/src/components/Courses/index.tsx
index 009ef1bae..09d045ae5 100644
--- a/src/components/Courses/index.tsx
+++ b/src/components/Courses/index.tsx
@@ -58,6 +58,11 @@ const CourseItem = styled.div`
   border: 1px solid #ccc;
   padding: 10px;
   border-radius: 5px;
+  transition: transform 0.3s, box-shadow 0.3s;
+  &:hover {
+  box-shadow: 0 0 10px 0 rgba(255, 64, 102, 1); transform: scale(1.05);
+  border-color: red;
+  }
 `;
 
 const CourseImage = styled.img`