Product landing page - need some help

Code Feedback
1

Would someone be able to help me figure out what i’m doing wrong here
https://codepen.io/JwBmonk/pen/qJewZq

2

@JwBmonk,
running the test suite reveals you are failing three tests:

  1. You don’t have a media query rule in your CSS
  2. . ‘When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’
  3. ‘When I click the #submit element, the email is submitted to a static page (use this mock URL: https://www.freecodecamp.com/email-submit) that confirms the email address was entered (and that it posted successfully)’

Focus on these three points and you should be good to go

3

That is the issue i’m having as my nav links are working, and i do have a media query rule. I just can’t figure out what I’m doing wrong to fail the tests

4

Your media query is inside of another CSS rule. It is a rule that should stand on its own.

#nav-header {
    position: fixed;
    top: 0px;
    width: 100%;
  height: 100px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  @media (max-width: 600px) { <--- This is bad
flex-wrap: wrap;
}
}

Please go over your CSS and look at the tests that your website does not pass.

1 Like
5

Thank you for your help :slight_smile: