Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:

It keeps saying that I’m not passing the following rules, but it looks right to me.

  1. That my iframe attribute should have a video id.- which it does
  2. My video id should have a src.- which it does.
  3. My form submit button should have a type=“submit” -which it does.
  4. That my form should have an action to the link provided- which it does.

Your code so far

<!-- file: index.html -->
<section id="video">
      <h2>Watch Our Product Video!</h2>
        <iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/example" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;picture-in-picture" allowfullscreen></iframe>
      </section>

<section id="form">
        <h2>Sign Up For Updates!</h2>
        <form id="form" action="https://www.freecodecamp.com/email-submit" method="POST">
          <input name="email" type="email" id="email" placeholder="Enter Your Email" required>
          <input type="submit" id="submit" value="Submit">
        </form>
      </section>

/* file: styles.css */

Your browser information:

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

Challenge Information:

Product Landing Page - Build a Product Landing Page

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

Hey there,

Please update the message to include your code. The code was too long to be automatically inserted by the help button.

When you enter a code, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

3

Hi @carmenpuig4321

The id attribute values need to be unique.

Happy coding

2 Likes