add task solution

mate-academy · Jan 11, 2025 · 515f783 · 515f783
1 parent 463afd9
commit 515f783
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 39 deletions.
diff --git a/src/index.html b/src/index.html
@@ -118,7 +118,7 @@
           src="/src/images/imac.jpeg"
           alt="imac"
         />
-        <h1 class="card__content">
+        <h1 class="card__title">
           APPLE A1419 iMac 27" Retina
           <br />
           5K Monoblock (MNED2UA/A)
@@ -151,16 +151,13 @@ <h2 class="card__code">Product code: 195434</h2>
         </a>
       </div>
 
-      <div
-        class="card"
-        data-qa="card"
-      >
+      <div class="card">
         <img
           class="card__image"
           src="/src/images/imac.jpeg"
           alt="imac"
         />
-        <h1 class="card__content">
+        <h1 class="card__title">
           APPLE A1419 iMac 27" Retina
           <br />
           5K Monoblock (MNED2UA/A)
@@ -193,21 +190,17 @@ <h2 class="card__code">Product code: 195434</h2>
         </a>
       </div>
 
-      <div
-        class="card"
-        data-qa="card"
-      >
+      <div class="card">
         <img
           class="card__image"
           src="/src/images/imac.jpeg"
           alt="imac"
         />
-        <h1 class="card__content">
+        <h1 class="card__title">
           APPLE A1419 iMac 27" Retina
           <br />
           5K Monoblock (MNED2UA/A)
         </h1>
-
         <h2 class="card__code">Product code: 195434</h2>
 
         <div class="card__stars">
@@ -235,16 +228,13 @@ <h2 class="card__code">Product code: 195434</h2>
         </a>
       </div>
 
-      <div
-        class="card"
-        data-qa="card"
-      >
+      <div class="card">
         <img
           class="card__image"
           src="/src/images/imac.jpeg"
           alt="imac"
         />
-        <h1 class="card__content">
+        <h1 class="card__title">
           APPLE A1419 iMac 27" Retina
           <br />
           5K Monoblock (MNED2UA/A)
@@ -277,16 +267,13 @@ <h2 class="card__code">Product code: 195434</h2>
         </a>
       </div>
 
-      <div
-        class="card"
-        data-qa="card"
-      >
+      <div class="card">
         <img
           class="card__image"
           src="/src/images/imac.jpeg"
           alt="imac"
         />
-        <h1 class="card__content">
+        <h1 class="card__title">
           APPLE A1419 iMac 27" Retina
           <br />
           5K Monoblock (MNED2UA/A)
@@ -319,16 +306,13 @@ <h2 class="card__code">Product code: 195434</h2>
         </a>
       </div>
 
-      <div
-        class="card"
-        data-qa="card"
-      >
+      <div class="card">
         <img
           class="card__image"
           src="/src/images/imac.jpeg"
           alt="imac"
         />
-        <h1 class="card__content">
+        <h1 class="card__title">
           APPLE A1419 iMac 27" Retina
           <br />
           5K Monoblock (MNED2UA/A)
@@ -361,16 +345,13 @@ <h2 class="card__code">Product code: 195434</h2>
         </a>
       </div>
 
-      <div
-        class="card"
-        data-qa="card"
-      >
+      <div class="card">
         <img
           class="card__image"
           src="/src/images/imac.jpeg"
           alt="imac"
         />
-        <h1 class="card__content">
+        <h1 class="card__title">
           APPLE A1419 iMac 27" Retina
           <br />
           5K Monoblock (MNED2UA/A)
@@ -403,16 +384,13 @@ <h2 class="card__code">Product code: 195434</h2>
         </a>
       </div>
 
-      <div
-        class="card"
-        data-qa="card"
-      >
+      <div class="card">
         <img
           class="card__image"
           src="/src/images/imac.jpeg"
           alt="imac"
         />
-        <h1 class="card__content">
+        <h1 class="card__title">
           APPLE A1419 iMac 27" Retina
           <br />
           5K Monoblock (MNED2UA/A)

diff --git a/src/styles/blocks/card.scss b/src/styles/blocks/card.scss
@@ -9,7 +9,7 @@
   background-color: #fff;
   color: #060b35;
 
-  &__content {
+  &__title {
     font-family: $card-font-family;
     font-weight: 500;
     font-size: 12px;

diff --git a/src/styles/blocks/header.scss b/src/styles/blocks/header.scss
@@ -46,7 +46,7 @@
   &__link {
     line-height: 15px;
     text-align: center;
-    color: black;
+    color: #060b35;
     text-transform: uppercase;
     text-decoration: none;
     font-weight: 500;