Linking different section of product Landing Page

Hello my people, Am on product Landing Page and find it difficult to create link that will connect different sections of the project. Because no means to create pages with different name.

User Agent is: Mozilla/5.0 (Linux; Android 10; Infinix X657C) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.105 Mobile Safari/537.36 OPR/63.3.3216.58675

Challenge: Build a Product Landing Page

Link to the challenge:

this is the code

 <a class="nav-link" href="#features">Features</a>
    <a class="nav-link" href="#how-it-work">How It Works</a>
    <a class="nav-link" href="#pricing">Pricing</a>
<div id="pricing">pricing</div>
<div id="features">features</div>
<div id="how-it-work">how it work</div>

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Your links are working correctly. There’s no text, space, etc so everything fits on one little page. That’s why it looks like it’s not working.

EDIT: apologies @Sirtee, I just realized that someone posted an answer rather than offering help. The name icon’s were similar so I thought you were posting your code.

You don’t need to create different pages for this project. Just have one page where the links in the nav go to the different sections in your page.

Thanks, that was vary helpful.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.