. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.'

Good afternoon all,
I’m needing some help getting past the error on subject line. I thought creating an href with #__, and associating an id with each corresponding href # would fix it, but its still a no-go. Please help, thanks.

My codepen: https://codepen.io/algala-droid/pen/WNQzBrj

Hey @alaga-droid,

When you use an id, you have to make sure it doesn’t have spaces in between, or the HTML will think that it has 2 ids. Also make sure not to use # on the attribute like you did on this one:

<div id="#main"></div>

If you want to assign it to the div just use the word like this:

<div id="main"></div>

And then in your href you can use the # to link it to the div:

<li><a class="nav-link" href="#main">Doughnuts</a></li>

It worked for me!!!

1 Like

@Catalactics that makes sense and I made the changes, but it’s still not working:(

What is not working. Can you be more specific?

<a class="nav-link" href="#video introduction">
does not link to
<div id="video-introduction">.

This is important = spaces are your enemy.

2 Likes

@Catalactics, it works now. Typo on my end. Thank you!

Thank you @nhcarrigan-