-
Notifications
You must be signed in to change notification settings - Fork 4.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Develop #4957
base: master
Are you sure you want to change the base?
Develop #4957
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great job! Your HTML and CSS code are clean, well-structured, and meet the requirements of the task. Keep up the good work! 👍
✨ Please rate this review in the Platform's notification center. I will be grateful for your feedback! ✨
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
src/stars.css
Outdated
/* justify-content: flex-start; | ||
width: fit-content; */ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
remove all comments
src/stars.css
Outdated
.stars__star:not(:last-child) { | ||
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--5 :nth-child(-n + 5) { | ||
background-image: url(./images/star-active.svg); | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
u can make it easier
.stars__star:not(:last-child) { | |
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--5 :nth-child(-n + 5) { | |
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); | |
} |
src/stars.css
Outdated
margin: 0; | ||
padding-left: 0; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
u can make it above, for example:
body,
ul {
margin: 0;
padding: 0;
}
margin: 0; | |
padding-left: 0; |
But up to u)
src/body.css
Outdated
@@ -0,0 +1,4 @@ | |||
body { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
change the name of the file - reset.css
, instead body.css
This file will reset the properties and nothing more
solution failed pixel-perfect tests: the lines have an offset of 1 px
description of the problem in chat FS_OCT24_qna