I keep getting errors on my Landing Page

HTML-CSS
1

Tell us what’s happening:
I keep receiving the following errors:

  • Your #nav-bar should always be at the top of the viewport.

  • Failed:Your Product Landing Page should use at least one media query.

  • Failed:Your Product Landing Page should use CSS Flexbox at least once.
    Any help would be appreciated, thank you in advance!

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
https://codepen.io/eleshag/pen/jOZmJYd

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.63 Safari/537.36 Edg/102.0.1245.39

Challenge: Build a Product Landing Page

Link to the challenge:

2

It looks like the placement of the link element. If you move it out of the head to the top of the HTML file it should pass.

Never mind. It is just because you didn’t close the meta tag before the link tag.

1 Like
3

Thank you so much, it worked! I really appreciate your input.

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.