correction

src/index.html

@@ -39,6 +39,7 @@
               Apple
             </a>
           </li>
+
           <li class="nav__item">
             <a
               href="index.html"
@@ -47,6 +48,7 @@
               Samsung
             </a>
           </li>
+
           <li class="nav__item">
             <a
               href="index.html"
@@ -55,6 +57,7 @@
               Smartphones
             </a>
           </li>
+
           <li class="nav__item">
             <a
               href="index.html"
@@ -64,6 +67,7 @@
               Laptops & Computers
             </a>
           </li>
+
           <li class="nav__item">
             <a
               href="index.html"
@@ -72,6 +76,7 @@
               Gadgets
             </a>
           </li>
+
           <li class="nav__item">
             <a
               href="index.html"
@@ -80,6 +85,7 @@
               Tablets
             </a>
           </li>
+
           <li class="nav__item">
             <a
               href="index.html"
@@ -88,6 +94,7 @@
               Photo
             </a>
           </li>
+
           <li class="nav__item">
             <a
               href="index.html"
@@ -107,7 +114,7 @@
         <img
           src="./images/imac.jpeg"
           alt="product-foto"
-          class="card__imac"
+          class="card__foto"
         />
         <div class="card__info">
           APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
@@ -142,7 +149,7 @@
         <img
           src="./images/imac.jpeg"
           alt="product-foto"
-          class="card__imac"
+          class="card__foto"
         />
         <div class="card__info">
           APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
@@ -177,7 +184,7 @@
         <img
           src="./images/imac.jpeg"
           alt="product-foto"
-          class="card__imac"
+          class="card__foto"
         />
         <div class="card__info">
           APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
@@ -212,7 +219,7 @@
         <img
           src="./images/imac.jpeg"
           alt="product-foto"
-          class="card__imac"
+          class="card__foto"
         />
         <div class="card__info">
           APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
@@ -247,7 +254,7 @@
         <img
           src="./images/imac.jpeg"
           alt="product-foto"
-          class="card__imac"
+          class="card__foto"
         />
         <div class="card__info">
           APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
@@ -282,7 +289,7 @@
         <img
           src="./images/imac.jpeg"
           alt="product-foto"
-          class="card__imac"
+          class="card__foto"
         />
         <div class="card__info">
           APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
@@ -317,7 +324,7 @@
         <img
           src="./images/imac.jpeg"
           alt="product-foto"
-          class="card__imac"
+          class="card__foto"
         />
         <div class="card__info">
           APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
@@ -352,7 +359,7 @@
         <img
           src="./images/imac.jpeg"
           alt="product-foto"
-          class="card__imac"
+          class="card__foto"
         />
         <div class="card__info">
           APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)

src/styles/blocks/card.scss

@@ -11,7 +11,7 @@
   text-align: center;
   flex-flow: column wrap;
 
-  &__imac {
+  &__foto {
     display: flex;
     justify-content: center;
     margin: 0 auto 40px;

src/styles/blocks/navigation.scss

@@ -1,7 +1,5 @@
 @use '../utils/variables' as *;
 
-
-
 .nav {
   height: 60px;
 
@@ -32,26 +30,26 @@
     height: 60px;
     line-height: 60px;
     transition: 0.3s;
-  }
-
-  .is-active {
-    color: $blue;
-  }
 
-  .is-active::after {
-    content: '';
-    display: block;
-    height: 4px;
-    width: 100%;
-    border-radius: 8px;
-    background-color: $blue;
-    bottom: 0;
-    text-align: center;
-    position: absolute;
-    left: 0;
-  }
+    &.is-active {
+      color: $blue;
+
+      &::after {
+        content: '';
+        display: block;
+        height: 4px;
+        width: 100%;
+        border-radius: 8px;
+        background-color: $blue;
+        bottom: 0;
+        text-align: center;
+        position: absolute;
+        left: 0;
+      }
+    }
 
-  &__link[data-qa='nav-hover']:hover {
-    color: $blue;
+    &[data-qa='nav-hover']:hover {
+      color: $blue;
+    }
   }
 }