I really need help with my Product Page

HTML-CSS
1

Tell us what’s happening:
I’ve done the the third challenge but there are somethings I still wonder about. I don’t know what’s wrong with my video but it can’t run. The second thing is that I have no idea to do #12. Can you guys help me with these stuffs ?

Your code so far
https://codepen.io/anngo/pen/QWjPMwe

Your browser information:

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

Challenge: Build a Product Landing Page

Link to the challenge:

2

Your embed link is incorrect for the YouTube video. If you right click on the video and select “Copy Embed Code”, you can see that YouTube <iframe> elements link with src="https://www.youtube.com/embed/668nUCeBHyY".

1 Like
4

For #12 you’ll have to put the link in form tag only…
something like this:-

<form id="form" action=" https://www.freecodecamp.com/email-submit">
1 Like
5

@anngo, first off, please keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>).

  • The test script should be included, with all tests passing, when you submit your projects.
  • It also makes it easier for people to help you if they don’t have to add the test script. It should be there.

That said, the failing message for test #12 says;
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 #form should have an action attribute : expected false to equal true

Here’s the relevant section of your code;

<div id="form">
  <p class="near">If you want to be our member, please sign up here.</p>
  <label class="near" for="email">Email</label>
  <input class="near" type="text" id="email" placeholder="email" required>
  
  <div id="submit">
    <input type="submit" value="submit">
  </div>
</div>
</form>

You don’t have a starting form tag so you don’t have a form element. You have a div with an id of form but that’s not making a form element.
Because you don’t have an opening form tag you don’t have an action attribute and that’s why the test fails.
You need;

<form action="#">
 <-- your code for email label -->
 <-- your code for submit button -->
</form>

Btw, make your submit button a button element
Hope that helps.

1 Like