Need help passing user stories for landing page

HTML-CSS
1

A Pen by justice (codepen.io) i have uploaded an image yet i am not passing this test.what are my supposed to do that i have not done???

2

what project is this?

3

Ok, I found the project. This is the error:
image

look the line below where it says #header-img is not defined. It is saying what’s the issue: you don’t have an image with that id

4

Also, img tags don’t have end tags.

Hope that helps!

5

User Story #3: Within the #header element I can see a nav element with a corresponding id="nav-bar" . i have tried creating nav bar with id nav-bar,yet im not passing the test,kindly help

6

A Pen by justice (codepen.io)

7

You have duplicate ids.
Also you have some small html errors with some missing end tags.

Once you clean up those errors then it will pass.

8

if you have more questions on this project you can post in this topic

9

A Pen by justice (codepen.io)
ive created my submit button yet i am not passing the challenge .please help

10

You need to take a closer look at how you create this form.

You wrote this

 <form id="form"></form>

then you have all of your input outside the form

   <label for="email">Enter your email:</label>
<input id="email" type="email" placeholder="enter email" name="email"> 
  <input id="submit" type="submit" value="Get Started" class="btn"></input>

and then you have this extra end form tag

</form>

you need to clean up those errors and then the test will pass.

Also, input are self closing tags.
This is incorrect </input>

11

thank you,i passed.i did not noticed the form end tag i put on the wrong place

12

but i have created a submit button,but i did not pass user#11what exactly is wrong

13

You need to reread the error message carefully.
Within the form, there is a submit <input> with corresponding id="submit".

I am not sure why you changed it from an input tag to a button.

14

i have tried it still not passing the challenge

15

user story 11 is passing on my end.

So maybe you already fixed it.

Also, you need to review that link on inputs because this is still incorrect.

</input>
16

When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’ i have tried doing this yet i am not passing,please i need help

A Pen by justice (codepen.io)

17

None of your nav links go to any sections on the page.

You learned in this lesson how to link to internal sections on the page.
I would review that lesson so you know how to tackle this user story.

18

i have tried this Jump to Bottom
still not passing the test

19

if you read the error now it says

The .nav-link with href=“#footer” is not linked to a corresponding element on the page

do you understand what it means?

20

I think you are misunderstanding the core concept behind the lesson I linked for you.

I wanted you to review that lesson because you need to understand how to link to internal sections on the page.

Take a step back and think about the logic behind navigational links.

When a user clicks on a nav link it should take them somewhere.
If you click on any of your nav links they don’t do anything or go anywhere.

That’s because you haven’t written the code to where you are supposed to go.

For example, you have this nav link here

<a class="nav-link" href="#news">news</a>

But there is no section in your html called news.
Same thing with your other nav links.

Revisit that lesson again and try to understand the core concept behind it.

Hope that helps!