Develop

[AndreaTkachuk]

• DEMO LINK

• TEST REPORT LINK

• All components follow BEM and use SCSS

• Repeated sizes and special colors are put to variables

• Grid is used for the columns

• Cards are shown in 1, 2, 3, or 4 columns based on screen resolution

• All changes on :hover are smooth

• Code follows all the Code Style Rules ❗️

[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 navigation links all point to 'index.html', which may not be the intended behavior if they are supposed to navigate to different sections or pages. Additionally, the 'card__price_sum' divs are empty, which might not be intentional. Please ensure these elements are correctly implemented to meet the task requirements. Once these issues are resolved, your submission will be in great shape! 😊

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

All navigation links point to 'index.html'. If these links are intended to navigate to different pages or sections, ensure the 'href' attributes are set correctly.

[mateacademy-ai-mentor]

All navigation links point to 'index.html'. If these links are intended to navigate to different pages or sections, ensure the 'href' attributes are set correctly.

[mateacademy-ai-mentor]

All navigation links point to 'index.html'. If these links are intended to navigate to different pages or sections, ensure the 'href' attributes are set correctly.

[mateacademy-ai-mentor]

All navigation links point to 'index.html'. If these links are intended to navigate to different pages or sections, ensure the 'href' attributes are set correctly.

[mateacademy-ai-mentor]

All navigation links point to 'index.html'. If these links are intended to navigate to different pages or sections, ensure the 'href' attributes are set correctly.

[mateacademy-ai-mentor]

Ensure that the variable 'v.$hover-color' is defined in the 'variables' module. If it's not defined, this will cause a compilation error.

[mateacademy-ai-mentor]

Ensure that the variable 'varia.$main-text-color' is defined in the 'variables' module. If it's not defined, this will cause a compilation error.

[mateacademy-ai-mentor]

Ensure that the variable 'varia.$hover-color' is defined in the 'variables' module. If it's not defined, this will cause a compilation error.

[mateacademy-ai-mentor]

Ensure that the variable 'varia.$hover-color' is defined in the 'variables' module. If it's not defined, this will cause a compilation error.

[mateacademy-ai-mentor]

Ensure that the variable 'varia.$hover-color' is defined in the 'variables' module. If it's not defined, this will cause a compilation error.

[mateacademy-ai-mentor]

Thank you for your submission! Your project is well-structured and demonstrates a good understanding of HTML and SCSS. However, there are a few areas that need attention:

1. HTML File: The card__price_sum divs are still empty. Please ensure these elements are populated with the correct price information as per the task requirements.

2. SCSS Files:

   • Ensure that the variable v.$hover-color is correctly defined in the 'variables' module, as it is crucial for the button border and background color.
   • Similarly, ensure that the variable v.$price-in-string is defined to display the price correctly.
   • The &__title selector is nested under the :hover pseudo-class. If the intention is to change the title color on hover, this is correct. Otherwise, consider adjusting its placement.

Despite these issues, your work is on the right track. The decision to approve is made to help you move forward with your learning. Please review the comments and address the issues to improve your code. Keep up the good 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 'card__price_sum' div is empty. Ensure that this element is populated with the correct price information as per the task requirements.

[mateacademy-ai-mentor]

The 'card__price_sum' div is empty. Ensure that this element is populated with the correct price information as per the task requirements.

[mateacademy-ai-mentor]

The 'card__price_sum' div is empty. Ensure that this element is populated with the correct price information as per the task requirements.

[mateacademy-ai-mentor]

The 'card__price_sum' div is empty. Ensure that this element is populated with the correct price information as per the task requirements.

[mateacademy-ai-mentor]

The 'card__price_sum' div is empty. Ensure that this element is populated with the correct price information as per the task requirements.

[mateacademy-ai-mentor]

The 'card__price_sum' div is empty. Ensure that this element is populated with the correct price information as per the task requirements.

[mateacademy-ai-mentor]

The 'card__price_sum' div is empty. Ensure that this element is populated with the correct price information as per the task requirements.

[mateacademy-ai-mentor]

The '&__title' selector is nested under the ':hover' pseudo-class, which means the title color change will only apply when the card is hovered. If the intention is to change the title color on hover, this is correct. Otherwise, consider moving it outside the hover block.

[mateacademy-ai-mentor]

Ensure that the variable 'v.$price-in-string' is correctly defined in the 'variables' module. This variable is used to display the price, and if it's not defined, it will cause issues.

[mateacademy-ai-mentor]

Ensure that the variable 'v.$hover-color' is correctly defined in the 'variables' module. This variable is used for the button border and background color, and if it's not defined, it will cause issues.