i don’t know what i do wrong, but now i cant get the two last steps to pass in the product landing page (Your Product Landing Page should use at least one media query.
Your Product Landing Page should use CSS Flexbox at least once.) as far as i know its still there and working
<style>
h1{
grid-area: content;
}
@media only screen and (max-width: 600px) {
body {
background-color: lightgray;
}
}
.flex-container {
display: flex;
justify-content: center;
}
.nav-link{
padding: 10px;
margin: 5px;
color: black;
}
.center{
text-align: center;
}
</style>
<body>
<header id="header">
<nav id="nav-bar">
<a class="nav-link" href="#Over-ear">Over-ear</a>
<a class="nav-link" href="#In-ear">In-ear</a>
<a class="nav-link" href="#Accesories">Accesories</a>
</nav>
<img id="header-img" src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/Beats_Electronics_logo.svg/1200px-Beats_Electronics_logo.svg.png" alt="all types of game characters combined" width=70px border="0">
<h1 class="center">Beats</h1>
</header>
<section id="Over-ear">
</section>
<section class="center" id="In-ear"><iframe id="video" width="350" height="200" src="https://www.youtube.com/embed/KZZB-QSsEFg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</section>
<section id="Accesories">
</section>
<form class="flex-container" id="form" action="https://www.freecodecamp.com/email-submit">
<input id="email" type="email" placeholder="Enter Email Here" name="email">
<input id="submit" type="submit">
</form>
<div class="flex-container">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
</body>
<link rel="stylesheet" href="styles.css">