Can't work out why I'm not passing the Product Landing Page tests

HTML-CSS
1

Hi everyone,

This is my first post here and I’m looking for help because I have been hitting a brick wall trying to work out why my Product Landing Page project won’t pass all the tests.

https://codepen.io/jonnyhoudini/pen/mdrdBQa

For example, I have an input email field with “email” as an id but I am failing that test. The only reason I can think of is because I am using Bootstrap and there are multiple ids for this input field.

I am also not sure if I have set up the form properly to submit the user-inputted email to a static page. I’d appreciate any help or advice thanks!

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_0_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36.

Challenge: Build a Product Landing Page

Link to the challenge:

2 
<input type="email" class="form-control w-50" id="exampleInputEmail1 emailfield email" aria-describedby="emailHelp" placeholder="name@example.com">

So this is your html for the email field. Its type is email and id is named something else.

2 Likes
3

Here is the MDN doc for the id attribute as well.

MDN: id

id’s value must not contain whitespace (spaces, tabs etc.). Browsers treat non-conforming IDs that contain whitespace as if the whitespace is part of the ID. In contrast to the class attribute, which allows space-separated values, elements can only have one single ID value.

1 Like
4

Thanks @MrBondx and @lasjorg - I hadn’t realised that an element couldn’t carry multiple IDs unlike classes :upside_down_face: