Develop

[anastasiiadns]

• 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. The most important ones include ensuring all href attributes in your navigation links are valid URLs, and correcting the positioning of the ::after pseudo-element by setting position: relative; on the parent element. Additionally, the logo should be wrapped in an anchor tag to meet the requirements. Once these issues are resolved, your code will be in great shape! Keep up the great 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]

The href attribute for the 'Apple' link should be a valid URL. Consider using a relative or absolute URL, such as href='/apple' or href='https://example.com/apple'.

[mateacademy-ai-mentor]

The href attribute for the 'Samsung' link should be a valid URL. Consider using a relative or absolute URL, such as href='/samsung' or href='https://example.com/samsung'.

[mateacademy-ai-mentor]

The href attribute for the 'Smartphones' link should be a valid URL. Consider using a relative or absolute URL, such as href='/smartphones' or href='https://example.com/smartphones'.

[mateacademy-ai-mentor]

The href attribute for the 'Laptops & Computers' link should be a valid URL. Consider using a relative or absolute URL, such as href='/laptops-computers' or href='https://example.com/laptops-computers'.

[mateacademy-ai-mentor]

The href attribute for the 'Gadgets' link should be a valid URL. Consider using a relative or absolute URL, such as href='/gadgets' or href='https://example.com/gadgets'.

[mateacademy-ai-mentor]

The href attribute for the 'Tablets' link should be a valid URL. Consider using a relative or absolute URL, such as href='/tablets' or href='https://example.com/tablets'.

[mateacademy-ai-mentor]

The href attribute for the 'Photo' link should be a valid URL. Consider using a relative or absolute URL, such as href='/photo' or href='https://example.com/photo'.

[mateacademy-ai-mentor]

The href attribute for the 'Video' link should be a valid URL. Consider using a relative or absolute URL, such as href='/video' or href='https://example.com/video'.

[mateacademy-ai-mentor]

The ::after pseudo-element in the .is-active class uses position: absolute; but there is no position: relative; set on a parent element. This might cause the pseudo-element to be positioned incorrectly. Consider setting position: relative; on the parent element to ensure correct positioning.

[mateacademy-ai-mentor]

Review Summary

Great effort on your submission! 🎉 You've made significant progress, but there are a few critical issues that need attention:

1. Logo Wrapping: Ensure the logo is wrapped in an anchor tag to make it clickable, typically linking back to the homepage.

2. Positioning of ::after Pseudo-element: The ::after pseudo-element for the active link is positioned absolutely. To ensure it is positioned correctly, the parent element should have position: relative;.

3. Navigation Links href Attributes: The href attributes in the navigation links should be anchor links starting with the # symbol, as required by the task.

These issues are crucial for the functionality and user experience of your project. Please address them in future iterations to enhance your code quality. 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 logo image should be wrapped in an anchor tag to meet the task requirements. This will make the logo clickable and usually links back to the homepage.

[mateacademy-ai-mentor]

The ::after pseudo-element is positioned absolutely. To ensure it is positioned correctly relative to its parent, the parent element (in this case, the anchor tag) should have position: relative; applied. This will ensure the pseudo-element is positioned correctly under the active link.