-
Notifications
You must be signed in to change notification settings - Fork 4.4k
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 #5156
base: master
Are you sure you want to change the base?
Develop #5156
Conversation
anastasiiadns
commented
Jan 9, 2025
- DEMO LINK
- TEST REPORT LINK
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 code meets the task requirements and is well-structured. The use of SCSS variables and nesting enhances maintainability. While the stars--N
modifiers need a quick check to ensure they highlight the correct number of stars, this is a minor issue. Also, consider reviewing the necessity of the cost.scss
file. Keep up the excellent 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.
Good job 👍
Let's improve your code
src/index.html
Outdated
</div> | ||
</div> | ||
|
||
<div class="stars"> |
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.
Add the modifier class
<div class="stars"> | |
<div class="stars stars--4"> |
src/index.html
Outdated
<div | ||
class="button" | ||
data-qa="hover" | ||
> |
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.
This wrapper is redundant, use only tag button
or a
src/styles/blocks/card.scss
Outdated
&__text { | ||
margin-left: $retreat-margin-left; | ||
} | ||
|
||
&__text--name { | ||
margin: 0; | ||
padding-bottom: 4px; | ||
padding-top: 35px; | ||
font-size: 12px; | ||
width: $tablet-min-width; | ||
height: 36px; | ||
font-weight: 500; | ||
line-height: 18px; | ||
} | ||
|
||
&__text--description { | ||
margin: 0; | ||
font-size: 10px; | ||
color: #616070; | ||
height: 14px; | ||
font-weight: 400; | ||
line-height: 14px; | ||
} |
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.
Use scss nesting, fix it everyhwere
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.
Good job! 👍