Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:

I seem to be stuck on steps #7 through #12. Everything seems correct but it wont accept my code. Any advice would be great, I can’t seem to see what’s wrong…

Your code so far

<!-- file: index.html -->
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<!DOCTYPE himl>
<html lang="en>
  <head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Haliwa-Saponi Pow-Wow</title>
  <link rel="stylesheet" href="styles.css"/>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" 
  </head>
<body>
  <header id="header">Haliwa-Saponi Pow-Wow
<img id="header-img" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS2UdFpNmbFtlQliJNp7i66vWGzP_QR3ElOpBFiOO0ZKA&s" width="400">
<nav id="nav-bar">
 <ul>
        <li> <a class="nav-link" href="#section-1">section 1</a>
        </li>
        <li> <a class="nav-link" href="#section-2">section 2</a>
        </li>
        <li> <a class="nav-link" href="#section-3">section 3</a>
        </li>
    </ul>
    <div id="section-1">section 1</div>
<div id="section-2">section 2</div>
<div id="section-3">section 3</div>
<iframe id="video" src="https://www.youtube.com/watch?v=PlrEaTIYhMQ"</iframe>
</nav>
</header>


<section id="hero">
<h1>Enjoy the Pow-Wow</h1>
<form id="form" action="https://www.freecodecamp.com/email-submit">
<input type="email" id="email" placeholder="enter your email address" required/>
<input type="submit" id="submit" value="get started"/>
  </section>
  </body>
</html>

/* file: styles.css */
header{
  position: fixed;
  top: 0px;
  width: 100;
  height: 20px;
  padding: 25px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  opacity: 0.8;
}

@media only screen and (max-width: 550px) {
  .body{
    font-size: 6rem;
  }

Your browser information:

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

Challenge Information:

Product Landing Page - Build a Product Landing Page

2

The only thing legitimately wrong is that your #email element doesn’t have an name of “email”. I think having an additional iframe on the page like that broke the webpage render.

Try switching the iframe to video for now.

Hope this helps.

Edit: Maybe you need to refresh your cache or something too.

1 Like
3

Your a life saver, so by switching the “iframe” to “video” somehow fixed the “form” element (not sure how but oddly enough it worked perhaps it’s a glitch) and ya you’re right I forgot to give the “email” a name. I searched everywhere on the forum and everyone else seemed to be stuck on step #5 but I didn’t find anything on this part.
Thanks again.

4

So it was some kind of build error causing your html to working. The element was malformed and not properly closed.

In addition that script tag up top shouldn’t have been there. Regardless I’m glad my idea worked.