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 & 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 & 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 & 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 ">
©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: