fix code

mate-academy · Aug 7, 2023 · 73cad41 · 73cad41
1 parent 019143f
commit 73cad41
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 2 deletions.
diff --git a/src/components/BasketItem/BasketItem.scss b/src/components/BasketItem/BasketItem.scss
@@ -17,6 +17,10 @@
     @media (min-width: 600px) {
       flex-direction: row;
     }
+    @media (min-width: 1090px) {
+      justify-content:baseline;
+      gap: 12px;
+    }
   }
 
   &__main-info {

diff --git a/src/components/ProductList/ProductsList.scss b/src/components/ProductList/ProductsList.scss
@@ -144,4 +144,4 @@
   &__not-found {
     height: calc(100vh - 185px);
   }
-}
+}
diff --git a/src/components/ProductPage/ProductPage.scss b/src/components/ProductPage/ProductPage.scss
@@ -51,9 +51,17 @@
     font-size: 12px;
     text-decoration: none;
   }
+
+  &__block {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
 }
 
 .main {
+  min-height: calc(100vh - 185px);
+
   &__head {
     display: flex;
     justify-content: space-between;

diff --git a/src/components/ProductPage/ProductPage.tsx b/src/components/ProductPage/ProductPage.tsx
@@ -94,7 +94,7 @@ export const ProductPage = () => {
         <span className="breadcrumbs__arrow" />
 
         {arrLocation.map(l => (
-          <span key={l}>
+          <span key={l} className="breadcrumbs__block">
             <Link to={{ pathname: `/${l}` }} className="breadcrumbs__location">
               {l.slice(0, 1).toUpperCase() + l.slice(1)}
             </Link>