Hello,
I am new to this forum, althoug I have been working on freecodecamp project since December of Last year. I need help with step #5 link ( . When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page). I have it figured out but when click on the test i get no result.
hy friend in the corresponding section you should put an id=“anyvalue” attribute and in the href attribute set it with the value defined in id
example
<a href="#anyvalue">linkcontent</a>
<!-- corresponding section -->
<section id=“anyvalue”></section>
hy friend in the corresponding section you should put an id=“anyvalue” attribute and in the href attribute set it with the value defined in id with#
example
<a href="#anyvalue">linkcontent</a>
<!-- corresponding section -->
<section id=“anyvalue”></section>
I already did that. this is what I have:
nav id=“nav-bar”>
<div class = "box-item2">2<strong style = "font-size:30px">Premium Materials</strong><br> Our trombones use the shiniest brass which is sourced locally. This will increase the longevity of your purchase.</div>
It works, but I am still not getting the green lights
Your links in your nav bar need to go to different sections of your page.
So in you A tag href you need to put the ID you want to go to. For example if your section has an ID of product then you need to put <a href="#product"> text </a>
If you could give us the link to your code we may be able to help you more.
Here is some example. That’s can help you.
codepen(dot)io/alexdevero/pen/avKpLX
hi friend give me the link of your code may be i can help you
Hello,
I have emailed you the link. I cant do it here on this site, because I am new member
I have emailed the link directly to you, I can not do it on this site because I am a new member.
Hello, I am still working on the product landing page. Since I am not allowed to send links to you, I have broken down the linking to bypass restriction,
https:// codepen. io/ kola-aderinto/pen/NJjrzp
Since I am not allowed to send links to you, I have broken down the linking to bypass restriction,
https:// codepen. io/ kola-aderinto/pen/NJjrzp
The key to this is that you added too many nav-links.
Remove this: <div class = "nav-link">
and it’s corresponding
Everything passed when deleted that.
Okay, Please do you mind explaining what do you mean by corresponding.
step 3 and 4 requires that we have nav element along with the “nav-link” id. Thats why is there.
What do you think the actual code should look like?
I think you just need to delete that Div. the instructions say to put nav-link on the links only not on a div. Delete that and it works fine.
Yes, it worked. Thank you so much