added card

[kbnd]

• DEMO LINK
• TEST REPORT LINK

[mateacademy-ai-mentor]

Thank you for your hard work on this project! 😊 There are a few critical issues that need to be addressed before we can approve the pull request. Specifically, the task requires SCSS variables to be placed in a separate file, and the stars block needs to be implemented in its own SCSS file. Additionally, the image paths should be relative, and the crossorigin attribute in your HTML file needs correction. Please make these changes to ensure your code meets the core requirements. Keep up the great effort, and I'm confident you'll nail it with these adjustments! 🚀

✨ 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 value is incorrect. It should be either 'anonymous' or 'use-credentials'.

[mateacademy-ai-mentor]

Great job on addressing many of the previous issues! 🎉 However, there are still a few critical points that need attention to ensure your code meets all the core requirements:

1. SCSS Variables File: You've correctly placed the SCSS variables in a separate file named variables.scss. Well done!

2. Stars Block SCSS File: The stars block is implemented in its own SCSS file named stars.scss. However, please ensure that the image paths within this file are relative, such as changing /src/images/star-active.svg and /src/images/star.svg to ../images/star-active.svg and ../images/star.svg respectively.

3. Image Paths: In the index.html file, make sure that the image paths are relative. For example, change /src/images/imac.jpeg to ./images/imac.jpeg.

4. Crossorigin Attribute: The crossorigin attribute is missing in the HTML file for the Google Fonts link. Add crossorigin="anonymous" to ensure proper font loading.

5. SCSS Import Paths: Ensure that the import paths for SCSS files are relative. Change '/src/styles/stars' to './stars' and '/src/styles/variables' to './variables'.

By addressing these issues, you'll ensure that your code is robust and adaptable to different environments. Keep up the great work, and continue learning from these experiences to enhance your coding skills! 🚀

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

[mateacademy-ai-mentor]

The image path should be relative to ensure it works correctly in different environments. Please change /src/images/imac.jpeg to a relative path like ./images/imac.jpeg.

[mateacademy-ai-mentor]

The crossorigin attribute is missing for the Google Fonts link. Add crossorigin="anonymous" to ensure proper font loading.

[mateacademy-ai-mentor]

The import path for the SCSS variables should be relative. Change '/src/styles/variables' to './variables'.

[mateacademy-ai-mentor]

The import path for the SCSS stars should be relative. Change '/src/styles/stars' to './stars'.

[mateacademy-ai-mentor]

The image path should be relative to ensure it works correctly in different environments. Please change /src/images/star.svg to a relative path like ../images/star.svg.

[mateacademy-ai-mentor]

The image path should be relative to ensure it works correctly in different environments. Please change /src/images/star-active.svg to a relative path like ../images/star-active.svg.