From 6b00d93fdba6ac0c24f9b1c55d447b71ea1de28d Mon Sep 17 00:00:00 2001
From: Maksym Seliutin <maxwell7k@gmail.com>
Date: Wed, 25 Sep 2024 13:46:39 +0300
Subject: [PATCH] Fix: fixed block spacing in index.html and simplified
 nth-child

---
 src/index.html |  5 +++++
 src/style.css  | 20 ++++----------------
 2 files changed, 9 insertions(+), 16 deletions(-)

diff --git a/src/index.html b/src/index.html
index 12aa54ca1..3e05e22cf 100644
--- a/src/index.html
+++ b/src/index.html
@@ -20,6 +20,7 @@
       <div class="stars__star"></div>
       <div class="stars__star"></div>
     </div>
+
     <div class="star stars--1">
       <div class="stars__star"></div>
       <div class="stars__star"></div>
@@ -27,6 +28,7 @@
       <div class="stars__star"></div>
       <div class="stars__star"></div>
     </div>
+
     <div class="star stars--2">
       <div class="stars__star"></div>
       <div class="stars__star"></div>
@@ -34,6 +36,7 @@
       <div class="stars__star"></div>
       <div class="stars__star"></div>
     </div>
+
     <div class="star stars--3">
       <div class="stars__star"></div>
       <div class="stars__star"></div>
@@ -41,6 +44,7 @@
       <div class="stars__star"></div>
       <div class="stars__star"></div>
     </div>
+
     <div class="star stars--4">
       <div class="stars__star"></div>
       <div class="stars__star"></div>
@@ -48,6 +52,7 @@
       <div class="stars__star"></div>
       <div class="stars__star"></div>
     </div>
+
     <div class="star stars--5">
       <div class="stars__star"></div>
       <div class="stars__star"></div>
diff --git a/src/style.css b/src/style.css
index 56a980559..9d23d5e70 100644
--- a/src/style.css
+++ b/src/style.css
@@ -20,22 +20,10 @@ body {
   margin-right: 0;
 }
 
-.stars--1 .stars__star:nth-child(-n + 1) {
-  background-image: url(images/star-active.svg);
-}
-
-.stars--2 .stars__star:nth-child(-n + 2) {
-  background-image: url(images/star-active.svg);
-}
-
-.stars--3 .stars__star:nth-child(-n + 3) {
-  background-image: url(images/star-active.svg);
-}
-
-.stars--4 .stars__star:nth-child(-n + 4) {
-  background-image: url(images/star-active.svg);
-}
-
+.stars--1 .stars__star:nth-child(-n + 1),
+.stars--2 .stars__star:nth-child(-n + 2),
+.stars--3 .stars__star:nth-child(-n + 3),
+.stars--4 .stars__star:nth-child(-n + 4),
 .stars--5 .stars__star:nth-child(-n + 5) {
   background-image: url(images/star-active.svg);
 }