Product Landing Page navbar error project 4

Tell us what’s happening:
It start showing error when i add it in codepen.

CodePen Link:- https://codepen.io/himanshu8913/pen/wXVWee?editors=1100

Guys please help…

#Layout
Error type:- 1. 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 even after scrolling : expected 308.4583435058594 to be close to 0 +/- 15
at Function.n.approximately (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:160:4043)
at n. (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:147:286336)
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

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-product-landing-page

You need to put your nav bar at the top of your page and fix it there. It’s one of the requirements.

Okk thanks… will try