Tell us what’s happening:
Describe your issue in detail here.
Your code so far
<!-- file: index.html -->
<header id="header">
<img id="header-img" src="https://www.freecodecamp.com"/>
<nav id="nav-bar">
<a class='nav-link' href='#footer'>Features</a>
<a class='nav-link' href='#service'>How it work</a>
<a class='nav-link' href='#bottom'>Pricing</a>
</nav>
<iframe id="video" src="https://www.freecodecamp.com"></iframe>
<form id="form" action="https://www.freecodecamp.com/email-submit">
<input id="email" placeholder="text" type="email" name="email"/>
<input id="submit" type="submit"/>
</form>
</hearder>
/* file: styles.css */
header {
position: fixed;
width: 100%;
}
@media only screen and (max-width: 22px) { }
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36
Challenge: Product Landing Page - Build a Product Landing Page
Link to the challenge: