add task solution

[renatoveludo]

• DEMO LINK

• TEST REPORT LINK

• Header height is set in 1 place (for the links)

• Content is vertically centered (for any header height)

• CSS is used to show all letters in Uppercase (don't type them in HTML)

• Logo is an image wrapped with a link

• CSS Variable is used for a blue color

• Pseudo-element is used for a blue line below the active link

• 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 proceed:

1. Semantic HTML: The HTML structure does not fully utilize semantic tags, which is crucial for accessibility and SEO. For instance, navigation items should be implemented using <ul> and <li> tags instead of <div>.

2. Logo Link: The href attribute in the <a> tag for the logo is incorrectly pointing to an image file instead of a valid URL or anchor link. This needs to be corrected to ensure proper navigation.

3. CSS Variable: The requirement specifies using a CSS variable for the blue color, but the code uses a hardcoded color value. This needs to be addressed to meet the task requirements.

4. Crossorigin Attribute: The crossorigin attribute is set to '0', which is not valid. It should be either 'anonymous' or 'use-credentials'.

These issues are important for the functionality and compliance with the task requirements. Please make these changes, and feel free to reach out if you need any help! 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 href attribute in the <a> tag is pointing to an image file (images/logo.png). Typically, the href attribute should point to a URL or a page within the site. If this is intended to be a link to another page, you should update the href to the correct URL.

[mateacademy-ai-mentor]

The crossorigin attribute is set to '0', which is not a valid value. It should be either 'anonymous' or 'use-credentials'. Please update this attribute to a valid value.

[mateacademy-ai-mentor]

The selector .a.is-active seems incorrect. It should be a.is-active without the dot before a, as you are targeting an <a> tag with the class is-active. Please correct this to ensure the styles are applied properly.