Question on Project

1

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!

2

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

3

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?

4

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

codepen.io/

5

Okay, thanks!

Moose_Brown/pen/vMYjGQ

6

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;
  }
}
7

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?

8

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.