Product landing page 4/10/20

Code Feedback
1

https://codepen.io/jsmauch80/pen/LYpEWZO

So I run the project landing page test and it says i fail 2 of the tests. The email submit action test and the static nav bar. They appear to pass the test when I open the page in my browser, the submit takes me to the specified page and the nav bar stays at the top. Could someone look at my messy pen code and let me know what I’m missing please?

2

Welcome to the forums @halocynjunkbox.
Read the error message. For the failing email the error message says;

When I click the #submit element, the email is submitted to a static page (use this mock URL: https://www.freecodecamp.com/email-submit).

The #email element's name attribute should have a value of "email" : expected 'eamil' to equal 'email'
  • Further, keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>).
    • The test script should be included, with all tests passing, when you submit your project.
  • As an aside, don’t use <br> to force spacing. Use margin and/or padding in CSS.
    https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br
3

thank you, i feel like a moron and my fiancee is laughing at me. :slight_smile:

4

No worries. You’re learning. And now you know to look at error messages because they contain info that can help you.

5

Thank you, the nav bar error is still coming up though and as far as i can tell i do have a child of #header stuck to the top of the page when scrolling. Unfortunately the error on this one isn’t as helpful as the last.

#header or one of its children should be at the top of the viewport even after scrolling : expected 474 to be close to 0 +/- 15

6

Remove the superfluous navbar div wrapping the nav element and you should pass the nav test.

7

Thank you I completely missed that.