Product landing page - need some help

Would someone be able to help me figure out what i’m doing wrong here

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: that confirms the email address was entered (and that it posted successfully)’

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

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

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

Thank you for your help :slight_smile: