Hello!
This is Shashank. I am not able to clear story no. 5.( When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page). I have tried the stuffs such as reading the previous answers to it but i have not succeeded. I am hopeful that you will help me.
I think you linked the wrong codepen
oops…sorry for that:sweat_smile:
here it is https://codepen.io/freeCodeCamp/pen/MJjpwO
that is the same empty codepen
maybe you need to save the codepen before sharing the URL?
how to do that?
Sorry to say but the the mentioned option is not present.There are only 4 options and without save.
Are you sure you are copying the correct URL?
I have deleted my coding to make an account and made available the save option.Sir,Thanks for that info .
That is strange, because from my screenshot you can see I am not logged in but still have the save option.
I hope you copied your code so you can easily paste it in again!
Believe me Sir , it wasn’t showing.
By seeing your frequent responses,I am feeling happy for that.If I get stuck again, hope so you will help me.
Of course I believe you Shashank! it is just strange that we have different UI.
Did you solve your product landing page issue?
Yes, I am still indulged in it.
Please post your code and then we can get this project completed for you
the link is https://codepen.io/anon/pen/NOQwBz/
please get me rid of errors
- When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’
Your 3 menu items:
-Products
-How it works
-Pricing
All need to link to somewhere on the page.
You have correctly added the <a>
tags with correct href
attributes
<li><a class='nav-link' href='#products' >Products</a></li>
<li><a class='nav-link' href='#howitworks'>How it works</a></li>
<li><a class='nav-link' href="#pricing">Pricing</a></li>
Now you just need to add an id
attribute to the relevant part of the page.
For example:
<p id="products">TENOR TROMBONE</p>
I added an element with the id
of products around one of your products
So now
<li><a class='nav-link' href='#products' >Products</a></li>
Will link to
<p id="products">TENOR TROMBONE</p>
Notice how the href
attribute links to the element with the same id
It works .Although the project is cleared but i am not able to understand the need of adding them.Sir.I am very thankful to you.Nice to see your response.
It is so when you click on your menu items they will scroll to the referenced element.
i.e. you click on products it should scroll to the products section of your website
thanks for your help.