Help with Product Landing Page challenge

#1

Please help with Product Landing Page challenge. I can’t see what I’m doing wrong. My nav-link attributes are not linking to the section they’re supposed to.

This is my code-pen.

Product Landing Page Challenge

#2

Change your orderlist like this, and remove hash(#) symbol from the id value.

   <ol>
     <li><a class="nav-link" href="#baggins">Baggins shop</a></li>
     <li><a class="nav-link" href="#gamgee">Gamgee-shop/a</a></li>
     <li><a class="nav-link" href="#saruman">Saruman-store</a></li>
     <li><a class="nav-link" href="#gandalf">Gandalf-store</a></li>
   </ol>

<section id="#baggins">    change to ->   <section id="baggins">
#3

Change the order list

    to unorder list
      . I hope that helps.
      #4

      Thanks but I’m still getting the same error.

      Screen Shot 2020-07-24 at 13.16.03
      Screen Shot 2020-07-24 at 13.16.031090×283 66.5 KB

      Now when I click on the link it just says Bad Path or 404. Here is my code with the changes: Code with changes

      #5 
      <a class="nav-link" href="#baggins">  -- #  here and

      <section id="baggins" > -- not here :)
      1 Like