polish styles according mentors comments

mate-academy · Oct 16, 2024 · 30ba65f · 30ba65f
1 parent 2de4019
commit 30ba65f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 28 deletions.
diff --git a/src/body.css → src/reset.css b/src/body.css → src/reset.css
@@ -1,4 +1,5 @@
-body {
+body,
+ul {
   margin: 0;
   padding: 0;
 }
diff --git a/src/stars.css b/src/stars.css
@@ -1,11 +1,6 @@
 .stars {
   display: flex;
-  margin: 0;
-  padding-left: 0;
   list-style-type: none;
-
-  /* justify-content: flex-start;
-  width: fit-content; */
 }
 
 .stars__star {
@@ -19,26 +14,10 @@
   margin-right: 4px;
 }
 
-.stars--0 :nth-child(-n + 0) {
-  background-image: url(./images/star-active.svg);
-}
-
-.stars--1 :nth-child(-n + 1) {
-  background-image: url(./images/star-active.svg);
-}
-
-.stars--2 :nth-child(-n + 2) {
-  background-image: url(./images/star-active.svg);
-}
-
-.stars--3 :nth-child(-n + 3) {
-  background-image: url(./images/star-active.svg);
-}
-
-.stars--4 :nth-child(-n + 4) {
-  background-image: url(./images/star-active.svg);
-}
-
+.stars--1 :nth-child(1),
+.stars--2 :nth-child(-n + 2),
+.stars--3 :nth-child(-n + 3),
+.stars--4 :nth-child(-n + 4),
 .stars--5 :nth-child(-n + 5) {
-  background-image: url(./images/star-active.svg);
+  background-image: url(images/star-active.svg);
 }
diff --git a/src/style.css b/src/style.css
@@ -1,2 +1,2 @@
-@import 'body.css';
+@import 'reset.css';
 @import 'stars.css';