add solution

[YakivSalaban]

• DEMO LINK
• TEST REPORT LINK

[mateacademy-ai-mentor]

Hey! 👋 Thanks for your submission! I've reviewed your code, and while the HTML structure and overall code quality look good, there are a few things we need to address before merging.

Specifically, in src/index.html, the indentation should use 2 spaces, and you should add empty lines between multiline sibling blocks of HTML for better readability as per the checklist.

In src/style.css, please ensure all lines are within 80 characters. Also, avoid using the * selector and please, ensure that there are no vertical margins added to the .stars elements, as mentioned in the task description. Keep up the great work! 👍

✨ Please rate this review in the Platform's notification center. I will be grateful for your feedback! ✨

🔄 Fix the issues, commit the changes, and then re-request my review using the Re-request review button in the Reviewers tab.

🤖 If you have any comments about this review, please leave a message in the Add a comment field below and mention me with @mateacademy-ai-mentor tag. I will read your message when I perform the next review of your pull request.

[mateacademy-ai-mentor]

The description file and checklist discourage the use of the * selector due to its performance impact. Consider styling specific elements instead.

[mateacademy-ai-mentor]

The description file mentions not adding vertical margins between blocks. Ensure that you are not adding any vertical margins to the .stars elements.

[mateacademy-ai-mentor]

Hey! Overall, your code looks great and follows many of the guidelines! 🎉 I'm approving this PR so you can move forward, but please take a look at the following points to improve your code:

• src/index.html: Please add empty lines between multiline sibling blocks of HTML for better readability. This helps to visually separate different sections of your code.
• src/style.css: You've done a good job avoiding the * selector and using classes. However, some lines exceed the 80-character limit. For example, the lines starting with .stars--1 .stars__star:nth-child(-n + 1) are too long. You can break long lines into multiple shorter lines to improve readability. Adhering to this limit helps ensure your code is easy to read and maintain across different environments.

Keep up the good work, and remember to address these comments in future PRs! Reviewing these comments will help you improve your code and learn from your mistakes. 👍

✨ Please rate this review in the Platform's notification center. I will be grateful for your feedback! ✨

[mateacademy-ai-mentor]

These lines are longer than 80 characters. Please ensure all lines are within the 80-character limit as per the Code Style Rules ❗️.