Issue passing the Product Landing Page

Code Feedback
1

Tell us what’s happening:
Landing Page ERRORS Please someone have any idea why DEPEN doesnt allow me to pass this project? I have passed 10 out of 16 tests. I have checked the HTML and CSS and they seem to be correct. I have put a link to the project below. The following is just one of the 6 fails that got from the system. Thank you in advance!

o 5. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’>>Each .nav-link element should have an href attribute : expected false to equal true
AssertionError: Each .nav-link element should have an href attribute : expected false to equal true

yes I wrote the href attributes in the nav-link element like this

li class=“nav-link” a href="#biography" Biography (I took out the tag symbols)

to check te real code click below te project’s link

Link to the challenge:

2

Hi @Junier !

Welcome to the forum!

You have to make sure the class is applied to the anchor tag and not the list item.
When I make that change, that test passes for me.

  1. Within the form, there is an <input> field with id="email" where I can enter an email address.

I see duplicate ids. Ids have to be unique.

  1. Within the form, there is a submit <input> with corresponding id="submit".

That should be self explanatory.
You are using the wrong html tag.

Hope that helps!

3

Hi jwilkins!

Thanks a lot for you help. I managed to fix the first issue wit the class=“nav-link” once I put inside the it passed that test but there sill 4 to go. I also fixed the form () issue. I am not used to create submit buttons without . Thank you!

For the following: 8. Within the form, there is an <input> field with id="email" where I can enter an email address.

I checked my ids and there are not duplicates, please you have time check my DEPEN project if you have time. And the id=“email” is there inside

Thank you so much!
4

I sill have the following errors:

o 9. The #email input field should have placeholder text to let the user know what the field is for.>> I put the placeholder and the text that goes inside

o 10. The #email input field uses HTML5 validation to confirm that the entered text is an email address. >>> I have used reguired within the tag

o 11. Within the form, there is a submit with corresponding id=“submit”. >>> I change the to as you recommended : On issue pass but not this one

o 12. When I click the #submit element, the email is submitted to a static page (use this mock URL: https://www.freecodecamp.com/email-submit).>>> the URL is there in the action attribute of the form. So don’t know what 's wrong

Thank you in advance!

5

Look very carefully here.

<label for="email" id="email" >email:</label>
<br>
<input name="email" type="email" id="email"  placeholder="Enter your email here" required ></input>

You do have duplicate ids.
One is in the label and the other is in the input.
You need to get rid of the one in the label.

Also, inputs are self closing tags.
This is incorrect

</input>
6

I deleted the id=”email” from the and deleted the closing and now I pass all the test!!!

Thank you very much ! thanks to you I passed it

On last question do know why my image of the logo is broken on top right? The url to the image is correct: http://www.junierbolivar.com/Paintings/Self_Portrait.jpg

Cheers!

Junier

7

hmm… not sure why your image is not loading.

8

I guess codepen doesn’t allow embedding images from non-secure sites (URLs with http instead of https).

9

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