diff --git a/src/components/Catalog/Catalog.module.scss b/src/components/Catalog/Catalog.module.scss index 683a9f32ad..90dfada743 100644 --- a/src/components/Catalog/Catalog.module.scss +++ b/src/components/Catalog/Catalog.module.scss @@ -11,7 +11,6 @@ @include inline-padding; & .container { - &_title { @include ontablet { grid-area: 2/ 1/ 2/ -1; @@ -29,42 +28,34 @@ &_catalog { display: flex; flex-flow: row wrap; - gap: 40px; - width: 100%; - justify-content: center; - + gap: 40px 16px; @include ontablet { + justify-content: space-between; flex-direction: row; - gap: 16px; } } &_product { display: flex; flex-direction: row; - width: 220px; - - @include ontablet { - flex-wrap: wrap; - width: 230px; - - } + flex: 1 1 220px; } } - & .products_not_found_container{ - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - padding: 20px; - - & .img{ - flex-grow: 1; - width: 30vw; - aspect-ratio: 1/1; - background: url(../../../public/img/product-not-found.png) no-repeat center/contain;; + & .products_not_found_container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 20px; + + & .img { + flex-grow: 1; + width: 30vw; + aspect-ratio: 1/1; + background: url(../../../public/img/product-not-found.png) no-repeat + center/contain; + } } } -} diff --git a/src/components/Footer/FooterLinks/FooterLinks.tsx b/src/components/Footer/FooterLinks/FooterLinks.tsx index 1c96e522c5..3f114f7d64 100644 --- a/src/components/Footer/FooterLinks/FooterLinks.tsx +++ b/src/components/Footer/FooterLinks/FooterLinks.tsx @@ -18,6 +18,7 @@ export const FooterLinks: React.FC = () => { Github diff --git a/src/styles/mixines.scss b/src/styles/mixines.scss index 507574ef04..9d4be51162 100644 --- a/src/styles/mixines.scss +++ b/src/styles/mixines.scss @@ -40,14 +40,9 @@ @include ontablet { padding-inline: $tablet-padding-inline; } - - @include ondesktop { - padding-inline: $desktop-padding-inline; - } } @mixin headings { - h1, h2, h3,