add solution

[seriuksergii]

• [ x ] Header height is set in 1 place (for the links)
• [ x ] Content is vertically centered (for any header height)
• [ x ] CSS is used to show all letters in Uppercase (don't type them in HTML)
• [ x ] Logo is an image wrapped with a link
• [ x ] CSS Variable is used for a blue color
• [ x ] Pseudo-element is used for a blue line below the active link
• [ x ] Code follows all the Code Style Rules ❗️

[polosanya]

Please don't forget to add demo and test links to the PR description. Try to pass all tests

1. The header should have box-shadow property
   
2. Hover effect doesn't work correctly. The whole height of the link should be clickable
   

[seriuksergii]

[ x ] Header height is set in 1 place (for the links)
[ x ] Content is vertically centered (for any header height)
[ x ] CSS is used to show all letters in Uppercase (don't type them in HTML)
[ x ] Logo is an image wrapped with a link
[ x ] CSS Variable is used for a blue color
[ x ] Pseudo-element is used for a blue line below the active link
[ x ] Code follows all the Code Style Rules ❗️

[seriuksergii]

• DEMO LINK
• TEST REPORT LINK

[seriuksergii]

• DEMO LINK
• TEST REPORT LINK

[seriuksergii]

• DEMO LINK
• TEST REPORT LINK

[roman-mirzoian]

Well done, but pay attention to the comments.
And next time, be more careful, if something doesn't work out, ask for help in the qna channel.

[roman-mirzoian]

Follow the standard format.
For logos, use the format: "[Organization name] logo."

[roman-mirzoian]

This default value does not need to be set.

[roman-mirzoian]

Suggested change