An issue in Product Landing Page

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).:worried: 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.:grimacing:

I think you linked the wrong codepen :grin:

oops…sorry for that:sweat_smile:
here it is

that is the same empty codepen :sweat_smile:

maybe you need to save the codepen before sharing the URL?

how to do that?:confused:

One of the buttons near the top should say Save

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 :+1:

the link is
please get me rid of errors

  1. 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:
-How it works

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.:smiley:

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.