Alignment needs to be done in mentor section #104 (#150)

omrajsharma · May 21, 2024 · 9d742e9 · 9d742e9
1 parent aac4b75
commit 9d742e9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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;