Question on Project

Hey guys, I’m making the Project Landing page and it says that I have 2 tests failed-the Navbar staying at the top of the page and the Media Query, even though I have both. Does anyone know how to fix this problem? Thanks!

Can you share your code via codepen so we can take a look at?

Apparently, I need to use the Forum a little bit more before I can post links, so I can’t do that yet unfortunately. Do you have any idea of what might have gone wrong?

You can share your route parameter without including a full link. So add everything after

Okay, thanks!


Give your #nav-bar top:0. The same element that has position absolute should have top property.

I am actually not sure why your media query test is failing. I tried a similar query and it worked.

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;

Thank you, your tip on the nav-bar mistake worked and is now working, but the media
query is still giving me trouble. Thanks! Do you have any things to try that might fix it?

If you remove that one extra curly brace closing your iframe (right before your media query) you’re last test will pass.

It’s a good idea to run your code through the validators that codepen provides.