implemented layout stars

[MykolaFatkullin]

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

Review Summary

Hey there! 👋 Thanks for your submission. There are a couple of things we need to address before approving this PR:

1. HTML Formatting: The HTML in src/index.html isn't quite following our formatting guidelines. Specifically, when an HTML element has long attribute values or more than two attributes, each attribute should be on a new line, indented two spaces relative to the tag.
2. CSS Styling: In src/styles/blocks/star.css, you're using tag names for styling. It's better to stick to classes, pseudo-classes, pseudo-elements, and attributes for styling (except for html and body). Could you update the .stars__star rule to avoid using tag names?

Addressing these points will improve the readability and maintainability of your code. Keep up the great work! 👍

---

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

Important

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

Tip

If you have any comments about this review, please leave a message in the Add a comment section below and mention me with the @mateacademy-ai-mentor tag³.
I will read your message during my next review of your pull request. Please do not reply directly to my comments, as that feature is not supported yet.

Caution

Do not close the pull request until the review is complete. Closing it early can lead to unexpected behavior and disrupt the review process.

Footnotes

1. Rate AI review example ↩

2. Re-request AI review example ↩

3. Add AI review comments example ↩

[mateacademy-ai-mentor]

Review Summary

Great job on this Pull Request! 🎉 All files have been reviewed and generally look good.

Here's a summary of the review, incorporating the details from the individual file reviews and the final conclusion:

• src/index.html: The HTML code is formatted correctly with attributes on new lines and proper indentation.

• src/styles/blocks/page.css: The CSS implementation in this file meets the requirements.

• src/styles/blocks/star.css: Excellent work on refactoring the styling to avoid tag names and utilize classes, pseudo-classes, pseudo-elements, and attributes correctly!

• src/styles/style.css: The CSS implementation in this file meets the requirements.

Overall, the code is well-structured and adheres to the guidelines. You're on the right track! The decision to approve is made to allow you to move forward and continue your learning process. I encourage you to carefully review these points and apply them in your future work. Keep up the excellent work and continue honing your skills! 🚀

---

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

Footnotes

1. Rate AI review example ↩