Product Landing Page - Build a Product Landing Page

Tell us what’s happening:

pls help me out i don’t know where the mistake come from. hope you can notify it to me

Your code so far

<!-- file: index.html -->

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Challenge Information:

Product Landing Page - Build a Product Landing Page

Hi there,

Can you share with us your code?

You can post your code by put your code between 2 line of ``` (3 back ticks) (the back tick key is usually under the Esc key on your keyboard), like this:

```
# your code here
```

or you can use the Preformatted Text button:


   <header id="header">
      <img id="header-img" src="https://cdn.freeCodeCamp.org/platform/universal/fcc_primary.sv" alt="Original Trombones">
      <nav id="nav-bar">
        <ul>
    <li><a class="nav-link" href="#Pricing">Pricing</a></li>
    <li><a class="nav-link" href="#Feature">Feature</a></li>
    <li><a class="nav-link" href="#How-it-work">How it work</a></li>
    </ul> 
    </nav>

‘’‘’ Each .nav-link element should link to a corresponding element on the landing page (has an href with a value of another element’s id. e.g. #footer ).
‘’’

I’ve edited your code 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 (').

Highlight the code and click the code button in the editor

It looks like this: </>

Like the instruction said:

So do you have corresponding elements with id: #Pricing, #Feature, #How-it-work in your code?

Can you show us all of your code?