fix errors

mate-academy · Dec 12, 2024 · fbfc758 · fbfc758
1 parent a828e49
commit fbfc758
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 14 deletions.
diff --git a/src/index.html b/src/index.html
@@ -40,43 +40,43 @@
         </a>
       </li>
 
-      <li class="item item-3">
+      <li class="item item--3">
         <a class="list" href="#">
           samsung
         </a>
       </li>
 
-      <li class="item item-4">
+      <li class="item item--4">
         <a class="list" href="#">
           smartphones
         </a>
       </li>
 
-      <li class="item item-5">
-        <a class="list list--item-5" data-qa="nav-hover" href="#">
+      <li class="item item--5">
+        <a class="list list--number-5" data-qa="nav-hover" href="#">
           Laptops & Computers
         </a>
       </li>
 
-      <li class="item item-6">
+      <li class="item item--6">
         <a class="list" href="#">
           Gadgets
         </a>
       </li>
 
-      <li class="item item-7">
+      <li class="item item--7">
         <a class="list" href="#">
           Tablets
         </a>
       </li>
 
-      <li class="item item-8">
+      <li class="item item--8">
         <a class="list" href="#">
           Photo
         </a>
       </li>
 
-      <li class="item item-9">
+      <li class="item item--9">
         <a class="list" href="#">
           Video
         </a>
@@ -86,7 +86,7 @@
 </header>
 
 <main class="main">
-  <section class="product-card" data-qa=«card»>
+  <section class="product-card" data-qa="card">
     <div
       class="product-card__image">
     </div>
@@ -225,7 +225,7 @@
       </div>
 
       <div class="content__buy">
-        <a href="#" data-qa="hover">
+        <a href="#" data-qa="card-hover">
           <button class="buy__button">
             BUY
           </button>

diff --git a/src/styles/card.scss b/src/styles/card.scss
@@ -12,22 +12,23 @@ html{
   column-gap: 46px;
   grid-template-rows: repeat(8, 408px);
   grid-template-columns: repeat(1, 200px);
+
   @media (min-width: 488px) {
     grid-template-rows: repeat(4, 408px);
     grid-template-columns: repeat(2, 200px);
   }
+
   @media (min-width: 768px) {
     grid-template-rows: repeat(3, 408px);
     grid-template-columns: repeat(3, 200px);
   }
+
   @media (min-width: 1024px) {
     grid-template-rows: repeat(2, 408px);
     grid-template-columns: repeat(4, 200px);
   }
 }
 
-
-
 .product-card {
   background-color: $main-page-color;
   box-sizing: border-box;
@@ -99,13 +100,13 @@ html{
   justify-content: space-between;
   padding-top: 24px;
 }
+
 .content__price {
   color: $secondary-text-color;
   font-size: 12px;
   line-height: 18px;
 }
 
-
 .price__value {
   color: $text-color;
   font-weight: 700;

diff --git a/src/styles/header.scss b/src/styles/header.scss
@@ -27,7 +27,7 @@
   }
 }
 
-.list--item-5 {
+.list--number-5 {
   color: $active-navigation;
 }
 

diff --git a/src/styles/screen.scss b/src/styles/screen.scss
-Original file line number
+Diff line change
@@ Expand Up / @@ -27,7 +27,7 @@ @@
       }
     }
-    .list--item-5 {
+    .list--number-5 {
       color: $active-navigation;
     }
@@ Expand Down @@