Task solution

[MindControl01]

• DEMO LINK
• TEST REPORT LINK

[mateacademy-ai-mentor]

---

Thank you for your hard work on this project! 😊 While you've done a great job overall, there are a few critical issues that need to be addressed before we can approve the pull request:

1. BEM Blocks: The task requires two BEM blocks, card and stars, each in their own file. The card block is not explicitly defined in a separate file as a BEM block, which is a core requirement.

2. SCSS Variables: SCSS variables should be placed in a dedicated variables file. Currently, they are in the _page.scss file, which does not meet the task's core requirements.

3. HTML Attribute Placement: The crossorigin attribute should be placed correctly within the <link> tag to ensure proper functionality.

These issues are essential to meet the task's core requirements and ensure the code functions as expected. Please address these points, and feel free to reach out if you have any questions or need further guidance. 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.

[mateacademy-ai-mentor]

The crossorigin attribute should be placed within the <link> tag itself. It should be on the same line as the <link> tag or immediately after it, not on a separate line.

[mateacademy-ai-mentor]

The border property is incomplete. It should specify the border style and color, not just the width. Consider using border: 1px solid var(--light-blue); to ensure the border is styled correctly.

[mateacademy-ai-mentor]

The border-color property is redundant here since the border property should already include the color. If you specify the border completely in line 14, you can remove this line.

[MindControl01]

DEMO LINK
TEST REPORT LINK

[mateacademy-ai-mentor]

Review Summary

Great progress! 🎉 Your solution has been significantly improved, and you've addressed many of the previous issues:

1. BEM Blocks: The card and stars BEM blocks are now correctly defined in their own separate files, _card.scss and _stars.scss, respectively.

2. SCSS Variables: You've successfully moved SCSS variables to a separate file _var.scss, which is a core requirement for maintaining consistency.

3. HTML Structure: The HTML structure is mostly correct, but remember to add the crossorigin attribute to the <link> tags in the index.html file to ensure proper functionality.

Your dedication to improving the code is evident, and this decision to approve is to help you move forward with your learning journey. 🚀 Please review the comments to further refine your code. Addressing the crossorigin attribute issue is crucial for the functionality, so make sure to fix it in future updates. Keep up the great work and continue learning from these experiences! 😊

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

[mateacademy-ai-mentor]

The crossorigin attribute is missing in this <link> tag. Ensure to include it to meet the task requirements.

[mateacademy-ai-mentor]

The crossorigin attribute is missing in this <link> tag. Ensure to include it to meet the task requirements.

[mateacademy-ai-mentor]

The crossorigin attribute is missing in this <link> tag. Ensure to include it to meet the task requirements.

[vadiimvooo]

Seems like you forgot to deploy your solution. Please feel free to ask for help in fe_chat