I have the nav staying at the top of the screen, but it is not validating.
Also, when I make the page smaller, the form is hidden by the navbar. The only reason it is not hidden at a full-size screen is that I have several
's. I know that there has to be a better way, can anyone please provide some direction?
See the Pen Product Landing Page by Anthony Aldea (@aaldea) on CodePen.
This is the error
- The navbar should always be at the top of the viewport. AssertionError: #header or one of its children should be at the top of the viewport : expected 20 to be close to 0 +/- 15
at Function.assert.approximately (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:18706:36)
at n. (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:21682:23)
at r (https://cdnjs.cloudflare.com/ajax/libs/mocha/3.0.2/mocha.min.js:2:7852)
at r.run (https://cdnjs.cloudflare.com/ajax/libs/mocha/3.0.2/mocha.min.js:2:8853)
at i.runTest (https://cdnjs.cloudflare.com/ajax/libs/mocha/3.0.2/mocha.min.js:2:13553)
at https://cdnjs.cloudflare.com/ajax/libs/mocha/3.0.2/mocha.min.js:2:14192
at r (https://cdnjs.cloudflare.com/ajax/libs/mocha/3.0.2/mocha.min.js:2:13024)
at https://cdnjs.cloudflare.com/ajax/libs/mocha/3.0.2/mocha.min.js:2:13000
at n (https://cdnjs.cloudflare.com/ajax/libs/mocha/3.0.2/mocha.min.js:2:12791)
at https://cdnjs.cloudflare.com/ajax/libs/mocha/3.0.2/mocha.min.js:2:12855