Skip to content
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

Open
wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Develop #4957

wants to merge 5 commits into from

Conversation

VitaliiShc
Copy link

solution failed pixel-perfect tests: the lines have an offset of 1 px

description of the problem in chat FS_OCT24_qna

Copy link

@mateacademy-ai-mentor mateacademy-ai-mentor left a 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! ✨

Copy link

@VolodymyrKirichenko VolodymyrKirichenko left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good job 👍
But let's make some improvements 🥹
And change ur description as the issue has already been resolved
Знімок екрана 2024-10-16 о 14 12 44

src/stars.css Outdated
Comment on lines 7 to 8
/* justify-content: flex-start;
width: fit-content; */

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
Comment on lines 18 to 44
.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);
}

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

Suggested change
.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
Comment on lines 3 to 4
margin: 0;
padding-left: 0;

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;
}
Suggested change
margin: 0;
padding-left: 0;

But up to u)

src/body.css Outdated
@@ -0,0 +1,4 @@
body {

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants