fix

PL-FE-SEP23-JANUSZ3X · Feb 23, 2024 · 74fe56f · 74fe56f
2 parents 6cc40cb + 6a0a70a
commit 74fe56f
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 4 deletions.
diff --git a/my-app/src/components/carousel/Carousel.styles.css b/my-app/src/components/carousel/Carousel.styles.css
@@ -7,13 +7,36 @@
 
 .container__slider {
   margin-bottom: 24px;
+  margin-right: 0px;
+}
+.container__slider .slick-slide .slick-active .slick-current {
+  margin-right: 10px;
 }
 
 .arrows-container {
   display: flex;
   gap: 16px;
 }
 
+.MuiGrid-root {
+  margin-left: 10px !important;
+  margin-right: 10px !important;
+}
+
+@media (max-width: 640px) {
+  .MuiGrid-root  {
+    margin-left: 0 !important;
+    margin-right: 10px !important;
+  }
+}
+
+@media (max-width: 1200px) {
+  .MuiGrid-root  {
+    margin-left: 0px !important;
+    margin-right: 0px !important;
+  }
+}
+
 .arrow {
   display: flex;
   justify-content: center;

diff --git a/my-app/src/components/pages/ProductPage/ProductPage.tsx b/my-app/src/components/pages/ProductPage/ProductPage.tsx
@@ -132,7 +132,7 @@ export const ProductPage = () => {
 
   return (
     <Section>
-      <>
+       <>
       <Container  sx={{mt: 3}}>
         {/* BREADCRUMBS */}
         <CustomBreadcrumbs
@@ -333,10 +333,9 @@ export const ProductPage = () => {
             </Box>
           </Box>
         </Box>
-
       </Container>
-      <Carousel title={'You may also like'} products={recommendedModels} />
-      </>
+     <Carousel title={'You may also like'} products={recommendedModels} />
+     </>
     </Section>
   );
 };