Build a Product Landing Page not passing test

Tell us what’s happening:
Not passing test, can’t find the missing point. I received 15 out of 16 points

Your code so far

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

<html>

<head>
  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <style>
    @media (max-width: 550dp) {
      .navbar {

        background-color: #333;
        position: fixed;
        /* Set the navbar to fixed position */
        top: 0;
        /* Position the navbar at the top of the page */
        width: 100%;
        /* Full width */
      }
    }

    @media (max-width: 500) {
      .navbar {

        background-color: #333;
        position: fixed;
        /* Set the navbar to fixed position */
        top: 0;
        /* Position the navbar at the top of the page */
        width: 100%;
        /* Full width */
      }
    }

    .footerFlex {
      display: flex;
      flex-wrap: nowrap;
      background-color: DodgerBlue;
      
      flex: 1;
    }
  </style>

</head>

<body class="w3-gray w3-center ">
  <header id="header" class="w3-border w3-round-large w3-margin">
    <section id="start">
      <a href="http://www.laborvision.org/index.html">
			<img width="100px" height="100px" id="header-img" alt="icon for site" src="http://www.laborvision.org/images/LaborVisionPodcast.jpg" class=" w3-left w3-circle w3-row w3-mobile w3-margin-top" />
		</a>
    </section>
    <h1 class="w3-orange w3-text-white w3-bold w3-margin w3-border w3-round-large">Look To The Sky</h1>

    <nav id="nav-bar" class="nav-bar w3-bar w3-top">
      <a href="#start" class="nav-link w3-mobile w3-bar-item w3-button">Start</a>
      <a href="#video" class="nav-link w3-mobile w3-bar-item w3-button">Look</a>
      <a href="#shipping" class="nav-link w3-mobile w3-bar-item w3-button">Shipping</a>

    </nav>
  </header>
  <div class="w3-orange w3-center w3-margin w3-border w3-round-large w3-margin " style="text-shadow:1px 1px 0 #444">
    <h3>
      Find sargent PushUp guided from above!
    </h3>
    <embed class="w3-card-4 w3-rest w3-mobile" id="video" src="https://www.youtube.com/embed/KdYK3B__KV4" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" width="40%" />

    <div>
      <form id="form" action="https://www.freecodecamp.com/email-submit" class="w3-border w3-round-large w3-container w3-card-4 w3-grey w3-text-orange w3-margin">
        <h2 class="w3-center">Contact Us</h2>
        <div class="w3-row w3-section">
          <section id="shipping">
            <div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-envelope-o"></i></div>
            <div class="w3-rest">
              <input type="email" id="email" class="w3-input w3-border" name="email" placeholder="email" required>
            </div>
          </section>
        </div>

        <div class="w3-row w3-section">
          <div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-user"></i></div>
          <div class="w3-rest">
            <input class="w3-input w3-border" name="first" type="text" placeholder="First Name">
          </div>
        </div>

        <div class="w3-row w3-section">
          <div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-user"></i></div>
          <div class="w3-rest">
            <input class="w3-input w3-border" name="last" type="text" placeholder="Last Name">
          </div>
        </div>

        <input id="submit" type="submit" class="w3-button w3-section w3-text-bold w3-text-orange w3-blue w3-ripple" />
      </form>
      <div>
        <div class="w3-container w3-border w3-round-large w3-card-4 w3-grey w3-text-orange w3-margin">

          <div class="w3-quarter w3-border w3-round-large w3-card-4 w3-grey w3-text-orange w3-margin ">
            <div class="footerFlex w3-round-large">
              <a href="">
                <div class="">
                  <img src="" alt="" class="">
                  <p class="w3-bold">Display of Items</p>
                  <p>View &amp; Update Sales Information</p>
                </div>
              </a>
            </div>
          </div>
          <div class="w3-quarter w3-border w3-round-large w3-card-4 w3-grey w3-text-orange w3-margin ">
            <div class="footerFlex w3-round-large ">
              <a href="">
                <div class="">
                  <img src="" alt="" class="">
                  <p class="w3-bold">Disply of Items</p>
                  <p>View &amp; Update Sales Information</p>
                </div>
              </a>
            </div>
          </div>
          <div style="height:100%" class="w3-quarter w3-border w3-round-large w3-card-4 w3-grey w3-text-orange w3-margin ">
             <div class="w3-round-large footerFlex">
              <a href="">
                <div class="">
                  <img src="" alt="" class="">
                  <p class="w3-bold">Display of Items</p>
                  <p>View &amp; Sales Information</p>
                </div>
              </a>
            </div>
          </div>
        </div>
        <footer class="footerFlex w3-border w3-round-large w3-margin w3-center">

          <i class="i w3-round ">
      &copy;look to the sky 2019;
    </i>
        </footer>
      </div>

    </div>

</body>

</html>

Your browser information:

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

Link to the challenge:

When you run a test, click on ‘Tests 15/16’ button, that will show you where you’re failing. Basically, you’ve just used the wrong tag for your video element, it should be a quick fix :slight_smile:

Thank you so much kristina_v, I don’t think I would have ever figured it out.
I thought I was allowed to use the embed tag to connect to media.

1 Like

Apparently, it works with the embed tag just fine, but I guess it’s how the FCC test was written :sweat_smile: Anyway, you’re welcome, I’m glad I could help! :slight_smile:

1 Like

Hi, is this still work ? I’m facing issue in New Created landing page.

Hi @robertjone336, welcome to the forums.
The OP’s issue has been resolved. If you have an issue you should open a new thread, describe the issue/problem you’re having and be sure to provide a link to your code so that others can help.