Product Landing Page - Build a Product Landing Page

*Tell us what’s happening:

  • You should have a form element with an id of form.

  • Failed:You should have an input element with an id of email.

  • Failed:Your #email should be a descendant of the #form.

  • Failed:Your #email should have the placeholder attribute with placeholder text.

  • Failed:Your #email should use HTML5 validation by setting its type to email.

  • Failed:You should have an input element with an id of submit.

  • Failed:Your #submit should be a descendant of the #form.

  • Failed:Your #submit should have a type of submit.

  • Failed:Your #form should have an action attribute of https://www.freecodecamp.com/email-submit.

  • Failed:Your #email should have a name attribute of email.*
    Describe your issue in detail here.
    I am getting stuck here and confused about the hint
    thank you so much
    Your code so far


<!-- file: index.html -->
<header id="header">
<link rel="stylesheet" href="styles.css">
  <h1>Liz<h1>
  <img src="https://nationaltoday.com/wp-content/uploads/2022/05/69-Cate-Blanchett.jpg"
  width="300px"
  alt="photo"
  border="0"
  id="header-img">
<nav id="nav-bar">
  <h1>
 <u>Liz</u>
  <a class="nav-link" href="#Profolio">Profolio</a>
  <a class="nav-link" href="#shop">shop</a>
  <a class="nav-link" href="#MyStory">MyStory</a>
</h1>
</nav>
</header>
<body>
<section id="Profolio"></section>
<section id="shop"></section>
<section id="MyStory">
<div id="astoryilove" align="left" >
<iframe
id="video"
width="560"
height="315"
align="right"
src="http://www.youtube.com"
frameborder="0"
allowfullscreen></frame>
<h3>Hi my name is Liz</h3>
<h2><i>it is nice to see everyone here.</i></h2>
</div>
</section>
</body>
<form id="form" action="https://www.freecodecamp.com/email-submit"/>
  <input
  id="email"
  type="email"
  name="email"
  placeholder="what email do you like to responde?"
  class="email"
  required/>
  </input>
  <br>
  <input
  id="submit"
  type="submit"
  value="ask now"
  class="submit"
  required/>
  </input>
  </form>
/* file: styles.css */
@Media(max-width:500px)
{
 body
 {
   flex-wrap: wrap;
 }
}
header
{
  top: 0px;
  display: flex;
}

Your browser information:

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

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

there are a lot of mistakes in the code right now.
I think you should use this validator to try to find the errors and then fix as many of them as you can. Once you have a clean index.html file, it will be easier to identify the remaining issues with respect to the test.

1 Like

thank you and I have resolved this and complete the project.

1 Like