From 9d742e9df95a4ac4039fba29238aaa1374a0f2c6 Mon Sep 17 00:00:00 2001
From: KAPIL GUPTA <59639410+kapilG0@users.noreply.github.com>
Date: Wed, 22 May 2024 01:54:32 +0530
Subject: [PATCH] Alignment needs to be done in mentor section #104 (#150)

---
 client/src/components/home/mentors.tsx | 1 -
 client/src/styles/react-slick.css      | 8 ++++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/client/src/components/home/mentors.tsx b/client/src/components/home/mentors.tsx
index 6229d45..8f98328 100644
--- a/client/src/components/home/mentors.tsx
+++ b/client/src/components/home/mentors.tsx
@@ -25,7 +25,6 @@ const SliderArrow: FC<SliderArrowArrow> = (props) => {
         backgroundColor: 'background.paper',
         color: 'primary.main',
         '&:hover': { backgroundColor: 'primary.main', color: 'primary.contrastText' },
-        bottom: '-28px !important',
         left: 'unset !important',
         right: type === 'prev' ? '60px !important' : '0 !important',
         zIndex: 10,
diff --git a/client/src/styles/react-slick.css b/client/src/styles/react-slick.css
index 2169bb2..d5da3d1 100644
--- a/client/src/styles/react-slick.css
+++ b/client/src/styles/react-slick.css
@@ -56,10 +56,14 @@
 .slick-dotted.slick-slider {
   margin-bottom: 30px;
 }
-
+@media (min-width:320px) and (max-width:641px){
+  .slick-dots{
+    bottom: -25px;
+  }
+}
 .slick-dots {
   position: absolute;
-  bottom: -25px;
+  bottom: -50px;
 
   display: block;