Build a Product Landing Page ERROR in story #12 and #14

Tell us what’s happening:
hello campers,
I still have 2 errors that I can’t figure out!
user story #12 and #2 in the layout. However I think I have media query in my code.
tnx.

Your code so far
https://s.codepen.io/diaabakr/debug/xzvpMd/VGkWNwQNPmeA

edit// the link with the code//

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/11.1.1 Safari/605.1.15.

Link to the challenge:

so for user story #12 , the error seen is:

  1. When I click the #submit element, the email is submitted to a static page (use this mock URL: https://www.freecodecamp.com/email-submit) that confirms the email address was entered (and that it posted successfully). AssertionError: The #email input should have a name attribute : expected false to equal true

So it says that your #email input should have a name attribute . I don’t know how to see your code, but check it carefully to see if you specified the name attribute or not.

I can’t help much with the others without access to the code but I would check your media query looks like the one given in the same product landing page that FCC has.

1 Like

thank you for you reply,
here’s the link …

I added the name attributes but I didn’t fix it.
take a look and tell me what you think, plz!

here’s your email input element

<input type="email" id="email" required placeholder="please enter email address">

there is no ‘name’ tag…

and to pass the media check move all the code that you have that is similar to this:
@media (min-width: 600px);

to its own separate section (right now it is all nested inside other selectors, to pass the unit-test you need to put them all together in one block that is not nested under anything )

and for the final issue just add this to your css to pass it:

header {
  position: fixed;
  top: 0;
}

modifications here:
https://codepen.io/hbar1st/pen/GGVVMy?editors=1100

1 Like

yup, that worked :smiley:
thanks a lot.