add task solution

[JoaoAndreassa]

No description provided.

[mateacademy-ai-mentor]

Review Summary

Great job on your submission! 🎉 Your code meets most of the task requirements and constraints, and you've demonstrated a solid understanding of HTML and CSS. Here are some key points and areas for improvement:

1. Roboto Font Embedding: The task requires using the Roboto font with specific settings: roman style, medium (500) weight, and normal width. Currently, the CSS import statement includes a range of weights from 100 to 900, which does not comply with the requirement to select only the medium (500) weight. Additionally, ensure the font-weight range in the import URL is correctly specified as 100,900 instead of 100..900.

2. CSS Variable for Blue Color: While you have defined a CSS variable --blue-color, it is not consistently used throughout the CSS. The color #00acdc is hardcoded in multiple places. Make sure to use the defined variable for consistency and maintainability.

3. HTML Structure: Your HTML file is well-structured with semantic tags such as <header>, <nav>, <ul>, <li>, and <a>. However, there's a minor issue with an extra space in the href attribute value href="#gadgets ". Consider removing the trailing space to avoid potential navigation issues.

4. Class is-active and data-qa Attribute: You've correctly included the is-active class for the active link and the data-qa="hover" attribute for the specified link.

5. Avoid Flex gap Property: You correctly avoided using the flex gap property, adhering to the task requirement to use margin instead.

6. Link Color on Hover: The CSS correctly changes the link color on hover, enhancing user interaction.

7. HTML Formatting and Indentation: Your HTML file follows the 2-space indentation rule and maintains correct formatting, which is great for readability.

8. Image Alt Attribute: The alt attribute for the image is descriptive, which is a good practice for accessibility.

While there are a few issues to address, the decision to approve your submission is made to help you move forward with your learning. Please review the comments to improve your code. Remember, addressing these issues will enhance the functionality and maintainability of your code. 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]

There is an extra space at the end of the href attribute value href="#gadgets ". This could potentially lead to issues with navigation. Consider removing the trailing space.

[mateacademy-ai-mentor]

The font import URL contains a range 100..900 which is not valid. It should be 100,900 to specify the weights. Consider correcting the font-weight range in the import URL.