Help me figure out the problem in href of the nav-link

HTML-CSS
1 
<header id="header">
  <img id="header-img" src="freecodecamplogo.jpg">
<nav id="nav-bar">

  <button class="nav-link" href="#header-img">Features</button>

  <button class="nav-link" href="#header-img">How it works</button>

  <button class="nav-link" href="#header-img">Pricing</button>

<video id="video" src="https://youtu.be/y8Yv4pnO7qc"></video>
</nav>
</header>
<form action="https://www.freecodecamp.com/email-submit" id="form">
  <input type="email" name="email" placeholder="#email"id="email"></input>
<input id="submit" submit="https://www.freecodecamp..com/email-submit" type="submit"></input>
</form>
<link rel="stylesheet" href="styles.css"></link>
2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

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.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

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

4

What step are you on? There’s no way to tell when you are trying to do.

Can you provide a link to the step please?

5

i am stuck in step 5 whereby I’m trying to assing each nav-link a href attribute but the console is throwing an error

6

Which step 5? Of which project?

Please provide a link.

7

building a product landing page please

8

Please provide a link.

9

Features

How it works

Pricing

<input type=“email” name=“email” placeholder="#email"id=“email”>

10
11

Unless I am missing something, there is no step 5. The product landing page is a project it does not have steps like all the other challenges but you probably mean user story #5, and your code seems to be copying the demo project which it says not to do

12

actually its the guiding steps that i’m following and i am not able to proceed without that step

13

This is for the responsive web design certification path? I dont not see any challenges for a product landing page. There is only the project, thats why you need to provide a link to the challenge/project you are on because we dont know what you’re looking at

14

Is this what you are working on?

Please respond with yes or no so we can help you.

thanks

15

The href attribute is not used with button elements, the elements are supposed to be <a> elements.

1 Like
16

yes this is what i have been workinng on

17

Did you make the changes suggested here?

if so, then your issue should be resolved

1 Like
18

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