Build a Product Landing Page - Jason

Hi Guys,

Can i please get some advise on my landing page. i am having issues with the navbar and a few other issues that i cannot pass. You can view the fork on codepen here

Any help would be appreciated.


Your code so far

Your browser information:

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

Link to the challenge:

To pass the tests try uncommenting the commented code.

Position is fixed for the nav-bar but you don’t indicate what position to fix it to. top, left, right or bottom and how much from those positions to fix it to.

In the css you need to add # in front of nav-bar because it is an id and not an html element like p, div or h1.

After removing the comment from around the media query apply the listed attributes to an element, class or id. You can’t

@media (max-width: 650px) {
    margin-top: 10px;

something like

@media (max-width: 650px) {
  p {
       magin-top: 10px;

would work. Just like the iframe media query. You have flex listed in your media query. removing the comment and applying the flex to an element, class or id will help pass the test requiring flex.