Tell us what’s happening:
I am not able to do the 12th tasks in the product landing page, I tried everything and even examined what passing projects did, and I did the same, can someone please help?
Your code so far
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<header id="header">
<img id="header-img" style="width: 200px; height: auto;" src="https://upload.wikimedia.org/wikipedia/commons/e/e8/Tesla_logo.png">
<nav id="nav-bar">
<a class="nav-link" href="#header-img" >Home</a>
<a class="nav-link" href="#form">Cashout</a>
<a class="nav-link" href="#submit">About</a>
</nav>
</header>
<iframe width="560" height="315" src="https://www.youtube.com/embed/5Ah752FOC2g" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<video id="video" width="400" height="200" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<form id="form" action="https://www.freecodecamp.com/email-submit">
<input id="email" name="email-landing-page" type="email" placeholder="Type your email here" required>
<input id="submit" type="submit" placeholder="Submit" required></input>
</form>
</body>
<style>
header {
position: fixed;
display: flex;
top: 0;
left: 0;
width: 100%;
}
@media screen and (max-width: 923px) {
body {
background-color: blue;
}
}
</style>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.190 Safari/537.36
.
Challenge: Build a Product Landing Page
Link to the challenge: