Build a Product Landing Page - passed all the requirement to fix the navbar at the top; but the nav bar is not on the view port at all

Tell us what’s happening:
I passed all the tests; but my display looks awful.

The last requirement is to fix the navbar at the top. Once the code is in place for fixing the navbar at the top, the test passed my app all 16 requirements. But the displays is not right at all.

I would appreciate it very much of anyone can help me figure out why this is so. I am using Bootstrap as part of my page.

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36.

Link to the challenge:

I use the inspector tool. All elements are in the DOM. For some reason the youtube iframe is absolutely positioned at the top and fills the <section>. In the screenshot notice that I unchecked everything to do with the video embed and now you can see the rest.

Thanks for taking a look at it, @tlc35us. It’s weird, though. I’ll look for a fix later. For now, I have to move one to the next project.