HTML/CSS certificate pages wont accept my code

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> &nbsp
< a class="nav-link" href="#shop"> Shop </a> &nbsp
 < a class="nav-link" href="#socialmedia"> Social Media</a>
       alt="Photo of background"


     <h3> A Short Glimpse into Stunt Riding </h3>

     <section id="Portfolio">
       <div id="storylayover" align="left" style="width:100%"; overflow:"hidden">

           allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> 

     <section id="shop">

     <section id="socialmedia">


I would greatly apprciate some help! there is no button to reset all code anymore.

You really shouldn’t use a div as if it is a main. This issue goes away if I use a main with the id of main.

1 Like

Oh wow thank you! That just solved the entire thing.

What do you think I am doing wrong for the landing page?

Harder to say without the full code.

I just uploaded the full code to the original question

I’d double check capitalization - it has meaning in this context.

1 Like

okay thank you! it was my capitalization somewhere down the line

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.