Product Landing Page issue with iframe

HTML-CSS
1

I get to user story #6 I can watch an embedded product video with id="video". However when I put my code in it then negates and fails user story #5 When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page. and I dont know why they are even related. I tried to look for the answer myself but couldn’t find anything to help with my specific situation.

My code so far: https://codepen.io/dpcjr/pen/ExxBGQj

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:70.0) Gecko/20100101 Firefox/70.0.

Challenge: Build a Product Landing Page

Link to the challenge:

2

In order for the link to work you have to have an element with id this link is pointing to

1 Like