Build a Product Landing Page1

Build a Product Landing Page1
0

#1

Tell us what’s happening:

Help me out to do the below task.Thanks in advance…!

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

My page link is as shown here https://codepen.io/nohitha-reddy/pen/ZejpbK
Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/68.0.3440.106 Chrome/68.0.3440.106 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-product-landing-page/


#2

Hey!

I am not sure what you are asking.
Do you mean, that you want the link to jump to a section?

If yes, you can use an anchor link as practiced in this task:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements/


#3

yes, how do i move to a section when i click on the link?
i have used an anchor tag.but still it doesn’t work


#4

Well, first of all you need a section to link to - in your code I can’t see enough content to actually jump to.

Let’s take one of your links as an example:

<a class="nav-link" href="#About  us">

Please be aware that you should avoid special characters in your anchors - in your case the space in “#About us”. I would suggest to follow camel case with this: “#AboutUs”, but this depends on how you want to manage naming.

Then you need a section to jump to, for example:

<section id="AboutUs">
  <!--- Your Content --->
</section>