add task solution

[dmytro-selikhov]

• DEMO LINK
• TEST REPORT LINK

[mateacademy-ai-mentor]

Your implementation is almost there! 🎉 However, there are a couple of critical issues that need to be addressed before we can approve the pull request:

1. Use of Extra Classes: The task specifies that no extra classes should be added to the elements for indicating active stars. Instead, a container modifier and a pseudo-selector should be used. Please adjust your implementation to comply with this requirement.

2. File Structure: Each BEM block should have its own separate file. Currently, all styles are in a single style.css file. Please refactor your code to separate the BEM blocks into individual files.

Once these issues are resolved, your solution will be in great shape! Keep up the good work, and don't hesitate to reach out if you need any help. 😊

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

Review Summary

Great job on organizing the HTML structure using the BEM methodology! 🎉 However, there are a few areas that need improvement:

1. Use of Extra Classes: You've made progress by using pseudo-selectors for active stars, but ensure to avoid using extra classes like stars--0, stars--1, etc. Stick to the task requirement of using a container modifier and a pseudo-selector.

2. File Structure: Currently, all styles are in a single style.css file. To fully comply with the task requirements, refactor your code to separate each BEM block into individual files.

These adjustments will not only align your work with the task requirements but also enhance the maintainability of your code. Keep up the good work, and remember to address these points in future projects to avoid similar issues. Your effort is commendable, and these improvements will help you grow as a developer. Keep learning and improving! 🚀

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

[mateacademy-ai-mentor]

The use of stars--0 as an extra class to indicate active stars is against the task requirements. Consider using a container modifier and a pseudo-selector instead.

[mateacademy-ai-mentor]

The use of stars--1 as an extra class to indicate active stars is against the task requirements. Consider using a container modifier and a pseudo-selector instead.

[mateacademy-ai-mentor]

The use of stars--2 as an extra class to indicate active stars is against the task requirements. Consider using a container modifier and a pseudo-selector instead.

[mateacademy-ai-mentor]

The use of stars--3 as an extra class to indicate active stars is against the task requirements. Consider using a container modifier and a pseudo-selector instead.

[mateacademy-ai-mentor]

The use of stars--4 as an extra class to indicate active stars is against the task requirements. Consider using a container modifier and a pseudo-selector instead.

[mateacademy-ai-mentor]

The use of .stars--1 to indicate active stars is against the task requirements. Consider using a container modifier and a pseudo-selector instead.

[mateacademy-ai-mentor]

The use of .stars--2 to indicate active stars is against the task requirements. Consider using a container modifier and a pseudo-selector instead.

[mateacademy-ai-mentor]

The use of .stars--3 to indicate active stars is against the task requirements. Consider using a container modifier and a pseudo-selector instead.

[mateacademy-ai-mentor]

The use of .stars--4 to indicate active stars is against the task requirements. Consider using a container modifier and a pseudo-selector instead.

[mateacademy-ai-mentor]

The use of .stars--5 to indicate active stars is against the task requirements. Consider using a container modifier and a pseudo-selector instead.