Completed the Landing Page but stuck at two errors


This is my codepen project for Product Landing Page -

Not able to clear test 13 and 14. Please help.
I have tried keeping

  • for the nav bar items but that distorts the page when I try to add them.
    Also, I have added media query but that is not helping as well.

    I am just a starter in HTML and CSS, so any other feedback is also welcome.

    Mayank Solan


your media query is inside your CSS class .logo. Media queries are placed outside any selectors, so just move it out of the .logo class.

Your navbar needs to stick at the top of the viewport, even when you scroll down on your page. Currently, the navbar is placed on the top, but it’s static. Check out the position: fixed property.