Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<header id="header">
<nav id="nav-bar">
<a class="nav-link" href="#features">Features</a>
<a class="nav-link" href="#how-it-works">How It Works</a>
<a class="nav-link" href="#pricing">Pricing</a>
</nav>
<img id="header-img" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png">
</header>
<iframe id="video" src="https://www.youtube-nocookie.com/embed/y8Yv4pnO7qc?rel=0&controls=0&showinfo=0"> </iframe>
<form id="form" action="https://www.freecodecamp.com/email-submit">
<input id="email" name="email" type="email" placeholder="email" required>
<input id="submit" type="submit">
</form>
<div>
<section id="features"> ada</section>
<section id="how-it-works"> adas</section>
<section id="pricing"> asda</section>
</div>
/* file: styles.css */
header {
flex-direction: row;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36
Challenge: Responsive Web Design Projects - Build a Product Landing Page
Link to the challenge: