fixed catalog and Git link

mate-academy · Nov 19, 2024 · 0c3f1ec · 0c3f1ec
1 parent 2c85b22
commit 0c3f1ec
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 31 deletions.
diff --git 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
@@ -18,6 +18,7 @@ export const FooterLinks: React.FC = () => {
       <Link
         to={'https://github.com/syavaYki'}
         className={classNames(style.link)}
+        target="_blank"
       >
         Github
       </Link>

diff --git 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,