Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:

My code does not seem to be working is there something wrong with the tests?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head>
  <link rel='stylesheet' href='styles.css'>
  </head>
  <body>
<header id="header"><img src="https://images.pexels.com/photos/1308660/pexels-photo-1308660.jpeg?cs=srgb&dl=flying-drone-1308660.jpg&fm=jpg" alt="image of drone" id="header-img"><nav id="nav-bar">
  <ul>
    <div class='box'>
    <li><a href="#intro" class="nav-link">Introduction</a></li>
    <li><a href="#description" class="nav-link">Description</a></li>
    <li><a href="#pricing" class="nav-link">Pricing</a></li>
    </ul>
    </div>
</header>
  <h1 id="intro"></h1>
  <h1 id="description"></h1>
  <h1 id="pricing"></h1>
  <iframe id='video' src='https://www.youtube.com/watch?v=sLfEyQcbVD0'>
  <form id='form' action='https://www.freecodecamp.com/email-submit'>
    <input id='email' placeholder='email' type='email' name='email'>
    <input id='submit' type='submit'>
    </form>
    </body>
  </html>

/* file: styles.css */
@media screen and (max-width: 600px) {
  #video {
    width: 100%;
    height: 200px;
  }
}
.box {
  display:flex;
  justify-content:space-evenly
}
#nav-bar {
  position: fixed;
  top: 0;
}

Your browser information:

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

Challenge Information:

Product Landing Page - Build a Product Landing Page

2

what tests are you failing?

1 Like
3

all these tests

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

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

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

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

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

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

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

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

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

  • Failed:22. Your #email should have a name attribute of email.

4

For step 14, have you tried putting a </input> at the end of each <input>?

1 Like
5 
</iframe>

fixed it thanks

6

No problem! Happy to help or at least try to.