Having issues with a few user stories: FCC Product Landing Page

So I made a product landing page and it passed all 16 tests before but I made a few changes within the html and now it says I’m only passing 11 tests out of 16 and I cannot figure out why, I would appreciate some help. Thank you, here is the link to my code: https://codepen.io/afnan-gohar/pen/NWwdjvV

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.82 Safari/537.36

Challenge: Build a Product Landing Page

Link to the challenge:

Since you have already gotten all 16 tests passing, i’m going to assume that you relatively know what you’re doing and just need a second set of eyes to catch the typos. that being said, codepen actually HAS THIS (i just learned about it yesterday and think its the neatest thing ever).

Once you clean up your code according to analyze HTML, i think you’ll find where the errors are. If you STILL cant find the errors and have a clean Analyze html, come back and tag me, i’ll give you more help. :slight_smile:

2 Likes

Oh yes I may have made a typo somewhere, I usually do haha! I’ll check again and analyze my HTML, it defo is a cool feature I wasn’t aware of it as well until like two days back :smiley: but thank you so much for responding, I’ll get back to you if I’m stuck again for sure!!

Hi there again! Sorry, I had to tag you and ask for some more help as I did the analysis of my html and it’s clean now but it’s still saying I passed only 11 tests out of 16…I’m so lost :frowning:

Screen Shot 2022-02-11 at 1.05.12 PM

When you click on the red button (11/16 passed) you get shown what your errors are. Lets work on the first error together.

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

#email should be a child of the #form element : expected 0 to equal 1 ← BIG HINT HERE

<a id="email" href="#email">aashnaajewellers@gmail.com</a> 

hmm… that’s not inside of any form tags… and that’s not an input tag!

Speaking of form tags, you close your form tag on line 96? that doesnt seem right?

The error/User story 8 says “Within the form”, so it only checks for the email tag within the form that you created for User Story #7.

So, read the errors, check what the user stories are actually asking for, and make sure you’re following the instructions.

1 Like

@afnangohar14, when a test fails click the red button to see which test(s) are failing and text to help you correct the issue.
Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.

The first full failing error message says

Within the form, there is an <input> field with id="email" where I can enter an email address.
#email should be a child of the #form element : expected 0 to equal 1
AssertionError: #email should be a child of the #form element : expected 0 to equal 1

Do you understand what the test is looking for and why it is failing?

Be sure and apply this to the other errors. Read more than just the first line.