From b65407d21164422d7815804a6f4801ee37ce1473 Mon Sep 17 00:00:00 2001
From: agata <lydzinska.a@gmail.com>
Date: Tue, 18 Jun 2024 13:57:06 +0200
Subject: [PATCH] to check

---
 src/styles/blocks/card.scss       |  8 +++
 src/styles/blocks/navigation.scss |  5 +-
 src/styles/blocks/reset.scss      | 22 --------
 src/styles/blocks/stars.scss      | 22 +++-----
 src/styles/main.css               | 92 +++++++++++++++----------------
 src/styles/main.css.map           |  2 +-
 src/styles/main.scss              | 25 +++++++++
 7 files changed, 89 insertions(+), 87 deletions(-)

diff --git a/src/styles/blocks/card.scss b/src/styles/blocks/card.scss
index 28d530ba13..8afd8fc9de 100644
--- a/src/styles/blocks/card.scss
+++ b/src/styles/blocks/card.scss
@@ -1,5 +1,6 @@
 @use '../utils/variables' as *;
 
+
 .card {
   display: flex;
   justify-content: center;
@@ -37,6 +38,13 @@
     min-height: 14px;
   }
 
+  &__reviews {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    margin-bottom: 24px;
+  }
+
   &__reviews-raiting {
     display: flex;
     align-items: flex-end;
diff --git a/src/styles/blocks/navigation.scss b/src/styles/blocks/navigation.scss
index 841b4799b1..7a5f3d5678 100644
--- a/src/styles/blocks/navigation.scss
+++ b/src/styles/blocks/navigation.scss
@@ -31,6 +31,9 @@
     line-height: 60px;
     transition: 0.3s;
 
+    &:hover {
+      color: $blue;}
+
     &.is-active {
       color: $blue;
 
@@ -52,4 +55,4 @@
       color: $blue;
     }
   }
-}
+  }
diff --git a/src/styles/blocks/reset.scss b/src/styles/blocks/reset.scss
index 79004634c2..8c96d06980 100644
--- a/src/styles/blocks/reset.scss
+++ b/src/styles/blocks/reset.scss
@@ -18,26 +18,4 @@ body {
   padding: 50px 40px;
 }
 
-@media (max-width: 487px) {
-  .main {
-    grid-template-columns: repeat(1, $column);
-  }
-}
-
-@media (min-width: 488px) and (max-width: 767px) {
-  .main {
-    grid-template-columns: repeat(2, $column);
-  }
-}
 
-@media (min-width: 768px) and (max-width: 1023px) {
-  .main {
-    grid-template-columns: repeat(3, $column);
-  }
-}
-
-@media (min-width: 1024px) {
-  .main {
-    grid-template-columns: repeat(4, $column);
-  }
-}
diff --git a/src/styles/blocks/stars.scss b/src/styles/blocks/stars.scss
index 58bec35069..2c638e5daf 100644
--- a/src/styles/blocks/stars.scss
+++ b/src/styles/blocks/stars.scss
@@ -1,10 +1,5 @@
 @use '../utils/variables' as *;
 
-.card__reviews {
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-  margin-bottom: 24px;
 
   .stars {
     display: flex;
@@ -20,17 +15,14 @@
       margin-right: 4px;
     }
 
-    &__star:nth-child(-n + 4) {
+    &__star:nth-child(-n + 0),
+    &__star:nth-child(-n + 1),
+    &__star:nth-child(-n + 2),
+    &__star:nth-child(-n + 3),
+    &__star:nth-child(-n + 4),
+    &__star:nth-child(-n + 5) {
       background-image: url('../images/star-active.svg');
     }
   }
 
-  .card__reviews-rating {
-    display: flex;
-    align-items: flex-end;
-    font-size: 10px;
-    font-weight: $font-normal;
-    line-height: 14px;
-    color: $dark-blue;
-  }
-}
+
diff --git a/src/styles/main.css b/src/styles/main.css
index 40bd6da82e..f1f088b0cf 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -36,6 +36,13 @@
   min-height: 14px;
 }
 
+.card__reviews {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  margin-bottom: 24px;
+}
+
 .card__reviews-raiting {
   display: flex;
   align-items: flex-end;
@@ -91,21 +98,14 @@
   font-weight: 400;
 }
 
-.card__reviews {
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-  margin-bottom: 24px;
-}
-
-.card__reviews .stars {
+.stars {
   display: flex;
   flex-direction: row;
 }
 
-.card__reviews .stars__star {
-  content: '';
-  background-image: url('../images/star.svg');
+.stars__star {
+  content: "";
+  background-image: url("../images/star.svg");
   background-repeat: no-repeat;
   background-position: center;
   width: 16px;
@@ -113,17 +113,8 @@
   margin-right: 4px;
 }
 
-.card__reviews .stars__star:nth-child(-n + 4) {
-  background-image: url('../images/star-active.svg');
-}
-
-.card__reviews .card__reviews-rating {
-  display: flex;
-  align-items: flex-end;
-  font-size: 10px;
-  font-weight: 400;
-  line-height: 14px;
-  color: rgb(6, 11, 53);
+.stars__star:nth-child(-n+0), .stars__star:nth-child(-n+1), .stars__star:nth-child(-n+2), .stars__star:nth-child(-n+3), .stars__star:nth-child(-n+4), .stars__star:nth-child(-n+5) {
+  background-image: url("../images/star-active.svg");
 }
 
 * {
@@ -144,30 +135,6 @@ body {
   padding: 50px 40px;
 }
 
-@media (max-width: 487px) {
-  .main {
-    grid-template-columns: repeat(1, 200px);
-  }
-}
-
-@media (min-width: 488px) and (max-width: 767px) {
-  .main {
-    grid-template-columns: repeat(2, 200px);
-  }
-}
-
-@media (min-width: 768px) and (max-width: 1023px) {
-  .main {
-    grid-template-columns: repeat(3, 200px);
-  }
-}
-
-@media (min-width: 1024px) {
-  .main {
-    grid-template-columns: repeat(4, 200px);
-  }
-}
-
 .nav {
   height: 60px;
 }
@@ -201,12 +168,16 @@ body {
   transition: 0.3s;
 }
 
+.nav__link:hover {
+  color: rgb(0, 172, 220);
+}
+
 .nav__link.is-active {
   color: rgb(0, 172, 220);
 }
 
 .nav__link.is-active::after {
-  content: '';
+  content: "";
   display: block;
   height: 4px;
   width: 100%;
@@ -218,7 +189,7 @@ body {
   left: 0;
 }
 
-.nav__link[data-qa='nav-hover']:hover {
+.nav__link[data-qa="nav-hover"]:hover {
   color: rgb(0, 172, 220);
 }
 
@@ -236,4 +207,29 @@ body {
   height: 40px;
 }
 
+@media (max-width: 487px) {
+  .main {
+    grid-template-columns: repeat(1, 200px);
+  }
+}
+
+@media (min-width: 488px) and (max-width: 767px) {
+  .main {
+    grid-template-columns: repeat(2, 200px);
+  }
+}
+
+@media (min-width: 768px) and (max-width: 1023px) {
+  .main {
+    grid-template-columns: repeat(3, 200px);
+  }
+}
+
+@media (min-width: 1024px) {
+  .main {
+    grid-template-columns: repeat(4, 200px);
+  }
+}
+
+
 /*# sourceMappingURL=main.css.map */
diff --git a/src/styles/main.css.map b/src/styles/main.css.map
index 2e4d108bef..bdb4cb28b2 100644
--- a/src/styles/main.css.map
+++ b/src/styles/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["blocks/card.scss","utils/variables.scss","blocks/stars.scss","blocks/reset.scss","blocks/navigation.scss","blocks/header.scss","main.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA,OCCO;EDAP;EACA;EACA;EACA,YCNW;EDOX;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE,OCpBQ;EDqBR;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,aC7BU;ED8BV;EACA,OCnCG;EDoCH;;AAGF;EACE;EACA;EACA;EACA,OCzCQ;ED0CR;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,kBCzDG;ED0DH,OCxDS;ED0DT;EACA;EACA,aC1DO;ED2DP;;AAEA;EACE;EACA;EACA;EACA,OCrEC;EDsED,kBCpEO;;ADwEX;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA,aC9EK;ED+EL;EACA,OCnFM;EDoFN;;AAGF;EACE;EACA,OC3FC;ED4FD;EACA,aCzFQ;;;ACFd;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA,aD3BU;EC4BV;EACA,OD/BQ;;;AEAZ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;ACtCJ;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,OHxBQ;EGyBR;EACA;EACA;EACA;EACA;;AAEA;EACE,OHjCC;;AGmCD;EACE;EACA;EACA;EACA;EACA;EACA,kBHzCD;EG0CC;EACA;EACA;EACA;;AAIJ;EACE,OHlDC;;;AICP;EACE;EACA;EACA;EACA;EACA,kBJJW;;AIMX;EACE;EACA;EACA;;;ACNJ","file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["blocks/card.scss","utils/variables.scss","blocks/stars.scss","blocks/reset.scss","blocks/navigation.scss","blocks/header.scss","main.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YCPW;EDQX;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE,OCrBQ;EDsBR;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,aC9BU;ED+BV;EACA,OCpCG;EDqCH;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA,OCjDQ;EDkDR;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,kBCjEG;EDkEH,OChES;EDkET;EACA;EACA,aClEO;EDmEP;;AAEA;EACE;EACA;EACA;EACA,OC7EC;ED8ED,kBC5EO;;ADgFX;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA,aCtFK;EDuFL;EACA,OC3FM;ED4FN;;AAGF;EACE;EACA,OCnGC;EDoGD;EACA,aCjGQ;;;ACDZ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAME;;;ACrBN;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACfF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,OHxBQ;EGyBR;EACA;EACA;EACA;EACA;;AAEA;EACE,OHjCC;;AGmCH;EACE,OHpCC;;AGsCD;EACE;EACA;EACA;EACA;EACA;EACA,kBH5CD;EG6CC;EACA;EACA;EACA;;AAIJ;EACE,OHrDC;;;AICP;EACE;EACA;EACA;EACA;EACA,kBJJW;;AIMX;EACE;EACA;EACA;;;ACLJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ","file":"main.css"}
\ No newline at end of file
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 1646ff77bc..aa4c5d142a 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -3,5 +3,30 @@
 @use './blocks/reset.scss';
 @use './blocks/navigation.scss';
 @use './blocks/header.scss';
+@use './utils/variables' as *;
+
+@media (max-width: 487px) {
+  .main {
+    grid-template-columns: repeat(1, $column);
+  }
+}
+
+@media (min-width: 488px) and (max-width: 767px) {
+  .main {
+    grid-template-columns: repeat(2, $column);
+  }
+}
+
+@media (min-width: 768px) and (max-width: 1023px) {
+  .main {
+    grid-template-columns: repeat(3, $column);
+  }
+}
+
+@media (min-width: 1024px) {
+  .main {
+    grid-template-columns: repeat(4, $column);
+  }
+}
 
 /*# sourceMappingURL=index.css.map */