created stars block

[vikapazyuk]

• DEMO LINK

• TEST REPORT LINK

• [х] Yellow stars are added with container modifier + pseudo-selector (NO extra classes)

• [х] Each BEM block has its own separate file

• [х] All Typical Mistakes from BEM lesson theory are checked.

• [х] Code follows all the Code Style Rules ❗️

[mateacademy-ai-mentor]

Thank you for your hard work on this project! 😊 While your implementation is on the right track, there are a few critical issues that need to be addressed before we can approve the pull request:

1. Class Naming: The div elements for the stars should use the class stars with modifiers like stars--0, stars--1, etc., instead of star. This is important to meet the task requirements.

2. Universal Selector: The use of the universal selector * in CSS for resetting margins and paddings is discouraged due to performance concerns. It's best to avoid this practice.

3. BEM File Structure: Each BEM block should have its own separate CSS file. Currently, all styles are in a single style.css file, which doesn't align with the task requirements.

4. Tag Names for Styling: Avoid using tag names for styling, except for html and body, as per the checklist guidelines.

Please address these issues to ensure your code meets the core requirements and maintains high standards for maintainability and performance. Keep up the great work, and feel free to reach out if you have any questions! 🚀

✨ 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.

[mateacademy-ai-mentor]

Great job on your submission! 🎉 Your code meets most of the task requirements and constraints, and the HTML and CSS are well-structured for the most part. However, there are a few areas for improvement:

1. Use of Universal Selector: The universal selector * is used to reset margins and paddings, which can impact performance. It's better to target specific elements for resetting styles.

2. BEM Structure: Each BEM block should have its own separate file, but currently, all styles are in a single CSS file. Consider organizing your styles according to BEM principles.

3. HTML and CSS Formatting: Ensure that all lines in your files adhere to the 80-character limit for better readability.

4. Missing Files: Make sure to include the images folder and the necessary star.svg and star-active.svg files referenced in your CSS.

5. Semantic HTML: Use more semantic HTML elements instead of generic div elements to improve accessibility and SEO.

These issues should be addressed to fully comply with the task requirements. Remember, addressing these will not only improve your current project but also enhance your coding skills for future tasks. Keep up the great work and continue learning from your experiences! 🚀

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