Product Landing page errors: media query and navbar isn't at the top

Hi
I ran into these problems with the Landing Page. A first question would be how can I make a media query? I know the theory but I don’t know how I can apply it here. A second question would be why it’s saying that my navbar isn’t on top when it is on top?

here is my codepen html: https://codepen.io/bogdan-pavel/pen/MWeabPQ?editors=1100

1 Like

Hey @bogdanpavel500!

Media queries are used in css as a way to ensure that your website looks good on small and big devices. I would suggest reading this FCC article on media queries. It will answer all of your questions.

For the navbar, you will need to set it to position fixed in your css.

A bigger issue is that you have a lot of errors inside your html section that need addressing. Run your code through the html validator and fix the errors that are mentioned.

Hope that helps!

Happy coding!

1 Like