fixed mistakes

package.json

@@ -30,7 +30,8 @@
     "parcel": "^2.13.1",
     "prettier": "^3.3.2",
     "stylelint": "^16.7.0",
-    "stylelint-scss": "^6.4.1"
+    "stylelint-scss": "^6.4.1",
+    "svgo": "^3.3.2"
   },
   "mateAcademy": {
     "projectType": "layout",

src/index.html

@@ -9,7 +9,8 @@
     <title>Namu</title>
     <link
       rel="icon"
-      href="/src/images/icons/favicon.svg"
+      type="image/x-icon"
+      href="/src/images/icons/favicon.png"
     />
     <link
       rel="stylesheet"
@@ -455,6 +456,7 @@ <h6 class="center__text">Підпишіться на дайджест</h6>
               1s0x40d4ce52445a8315:0x5e30ef474eddac89!8m2!3d50.449395!4d30.5307834!
               16s%2Fg%2F11l76wtstx?hl=ru&entry=ttu&g_ep=EgoyMDI0MTExOS4yIKXMDSoASAFQAw%3D%3D"
               class="footer__address"
+              target="_blank"
             >
               Київ, вул. М. Грушевського, 6
               <a
@@ -480,18 +482,22 @@ <h6 class="center__text">Підпишіться на дайджест</h6>
               <a
                 href="https://www.facebook.com/"
                 class="icon icon--facebook"
+                target="_blank"
               ></a>
               <a
                 href="https://twitter.com/"
                 class="icon icon--twitter"
+                target="_blank"
               ></a>
               <a
                 href="https://web.telegram.org/"
                 class="icon icon--telegram"
+                target="_blank"
               ></a>
               <a
                 href="https://www.instagram.com/"
                 class="icon icon--instagram"
+                target="_blank"
               ></a>
             </div>
           </div>

src/styles/footer.scss

@@ -83,6 +83,11 @@
     text-decoration: none;
     color: $main-text-color;
 
+    &:hover {
+      color: inherit;
+      opacity: 0.5;
+    }
+
     @include on-tablet {
       width: 250px;
     }
@@ -97,6 +102,11 @@
     color: $main-text-color;
     margin-bottom: 30px;
 
+    &:hover {
+      color: inherit;
+      opacity: 0.5;
+    }
+
     @include on-tablet {
       margin-bottom: 50px;
     }
@@ -197,7 +207,7 @@
       gap: 22px;
 
       @include on-desktop {
-        gap: 102px;
+        gap: 92px;
       }
     }
 
@@ -251,26 +261,46 @@
     height: 20px;
     background-repeat: no-repeat;
     background-image: url(/src/images/icons/facebook.svg);
+
+    &:hover {
+      color: inherit;
+      opacity: 0.5;
+    }
   }
 
   &--twitter {
     width: 20px;
     height: 20px;
     background-repeat: no-repeat;
     background-image: url(/src/images/icons/twitter.svg);
+
+    &:hover {
+      color: inherit;
+      opacity: 0.5;
+    }
   }
 
   &--telegram {
     width: 20px;
     height: 20px;
     background-repeat: no-repeat;
     background-image: url(/src/images/icons/telegram.svg);
+
+    &:hover {
+      color: inherit;
+      opacity: 0.5;
+    }
   }
 
   &--instagram {
     width: 20px;
     height: 20px;
     background-repeat: no-repeat;
     background-image: url(/src/images/icons/instagram.svg);
+
+    &:hover {
+      color: inherit;
+      opacity: 0.5;
+    }
   }
 }

src/styles/header.scss

@@ -8,9 +8,12 @@ body {
   background: $c-gray;
   margin: 0;
   font-family: Raleway, sans-serif;
-  scroll-behavior: smooth;
   overflow-x: hidden;
   min-width: 320px;
+
+  &:has(.menu:target) {
+    overflow: hidden;
+  }
 }
 
 .header {
@@ -19,6 +22,7 @@ body {
   height: 747px;
   background-color: #3f5252;
   position: relative;
+  scroll-behavior: smooth;
 
   @include on-tablet {
     padding: 20px 0 0 40px;