From 515f783d6bb37783626bc063ac4b5458f78384a2 Mon Sep 17 00:00:00 2001
From: Kate Ryzhko <k2107243@gmail.com>
Date: Sat, 11 Jan 2025 21:08:12 +0200
Subject: [PATCH] add task solution

---
 src/index.html                | 52 ++++++++++-------------------------
 src/styles/blocks/card.scss   |  2 +-
 src/styles/blocks/header.scss |  2 +-
 3 files changed, 17 insertions(+), 39 deletions(-)

diff --git a/src/index.html b/src/index.html
index 3d64483040..2c4f5aa240 100644
--- 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
index a8ad633646..0ad2d9497e 100644
--- 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
index 3cbe6459f9..1888661380 100644
--- 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;