add task solution

[TanyaMakarevich]

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

Hello! 😊 You've done a great job with the structure and styling of your HTML and CSS files. However, there are a few critical issues that need to be addressed before we can approve your pull request:

1. CSS Universal Selector: The use of the universal selector * to reset margins and paddings is against the checklist requirements due to potential performance impacts. Please replace this with a more specific approach.

2. CSS Variable for Blue Color: The task requires using a CSS variable for the blue color, which is currently missing. Please define and use a CSS variable for this.

3. Missing Files: Ensure that the src/images directory and the image files required for the logo are included in the project as specified in the task description.

Once these issues are resolved, your code will be in great shape! Keep up the good work, and feel free to reach out if you have any questions. 🚀

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

Review Summary

Great effort on your project! 🎉 You've made significant progress by addressing some of the previous issues, such as removing the universal selector and implementing a CSS variable for the blue color. However, there are still a couple of critical points that need your attention:

1. CSS Universal Selector: It's good to see that you've removed the universal selector *. Make sure to reset margins and paddings for necessary elements individually to meet the checklist requirements.

2. Missing Image Files: The src/images directory and the image files for the logo are still not confirmed to be present. Please ensure these files are included in the project to display the logo correctly.

These adjustments are crucial for the functionality and performance of your project. While the decision is to APPROVE your Pull Request to help you move forward with your learning journey, please make sure to address these issues in future projects to avoid similar problems. Keep up the great work and continue improving your skills! 🚀

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

[mateacademy-ai-mentor]

Ensure that the src/images directory and the image files required for the logo are included in the project as specified in the task description. This is crucial for the logo to display correctly.

[mateacademy-ai-mentor]

The use of the universal selector to reset margins and paddings is against the checklist requirements due to potential performance impacts. Consider using a more specific approach to reset these properties.