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

HTML-CSS
#1

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.

08
082398×1354 314 KB

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:

#2

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.

towerProdLandPage
towerProdLandPage1674×1139 250 KB

#3

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.

#4