I am having this same issue with the “Build a product landing page” on question #4 and 5 which states ( 1. You can see at least three clickable elements inside the nav
element, each with the class nav-link
2. When you click a .nav-link
button in the nav
element, you are taken to the corresponding section of the landing page)
I am having the same issue where everything is checked off on the page besides the one mark for that. My code is written as follows. It only works for my “shop” link.
header id="header" >
<h1 <u> Smooth Stunts Worldwide </u> </h1>
<nav id="nav-bar">
< a class="nav-link" href="#portfolio">Portfolio </a>  
< a class="nav-link" href="#shop"> Shop </a>  
< a class="nav-link" href="#socialmedia"> Social Media</a>
</nav>
<img
src="https://wallpaperaccess.com/full/7130204.jpg"
alt="Photo of background"
border="20px"
id="header-img"
width:"20%"
>
/header>
body>
<h3> A Short Glimpse into Stunt Riding </h3>
<section id="Portfolio">
<div id="storylayover" align="left" style="width:100%"; overflow:"hidden">
<iframe
id="video"
width="200"
height="200"
align="right"
src="https://www.youtube.com/watch?v=p7rkda-n7HY"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</section>
<section id="shop">
</section>
<section id="socialmedia">
</section>
</body>
I would greatly apprciate some help! there is no button to reset all code anymore.