From 30ba65f99f6e4bd0dda4e55b5ba954ff147f04fd Mon Sep 17 00:00:00 2001 From: VitaliiShc Date: Wed, 16 Oct 2024 14:37:13 +0300 Subject: [PATCH] polish styles according mentors comments --- src/{body.css => reset.css} | 3 ++- src/stars.css | 31 +++++-------------------------- src/style.css | 2 +- 3 files changed, 8 insertions(+), 28 deletions(-) rename src/{body.css => reset.css} (72%) diff --git a/src/body.css b/src/reset.css similarity index 72% rename from src/body.css rename to src/reset.css index ea1e941c36..ddbf8b0311 100644 --- a/src/body.css +++ b/src/reset.css @@ -1,4 +1,5 @@ -body { +body, +ul { margin: 0; padding: 0; } diff --git a/src/stars.css b/src/stars.css index d3bac72b9a..5a5856ffb8 100644 --- 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 index d45ebbab94..a7a7409c6a 100644 --- a/src/style.css +++ b/src/style.css @@ -1,2 +1,2 @@ -@import 'body.css'; +@import 'reset.css'; @import 'stars.css';