Tell us what’s happening:
Describe your issue in detail
i wonder why its not passing
Your code so far
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js "></script>
<title>product landing page</title>
</head>
<header id="header"></header>
<h1>cat posse</h1>
<img
src="https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.bissellpetfoundation.org%2F%3Fbissell_grant%3Dthe-cat-posse&psig=AOvVaw0QXgk9qzfF-zL0zlSojdgX&ust=1654193272450000&source=images&cd=vfe&ved=0CAwQjRxqFwoTCIjfl6nsjPgCFQAAAAAdAAAAABAv"alt=""
id="header-img">
<nav id="nav-bar">
<a href="#portfolio"class="nav-link">portfolio</a>
<a
href="#projects"class="nav-link">projects</a>
<a
href="#aboutme"class="nav-link">aboutme</a>
</nav>
<body>
<section id="portfolio"></section>
<section id="projects"></section>
<section id="aboutme">
<iframe src="https://youtu.be/Pn2mzyU52yI" id="video"
frameborder="0">
</frame>
</section>
</body>
<footer>
<form action="https://www.freecodecamp.com/email-submit"
id="form">
</form>
<input
type="text"
id="text"
name"text"
placeholder="question?"
required
/>
<br>
<input
type="email"
id="email"
name"email"
placeholder"what is your email"
required
/>
<input
type="submit"
id="submit"
value="ask now?"
class="submit"
>
</footer>
</html>
/* file: styles.css */
header{
position: fixed;
top: 0px;
width: 100%;
height: 20px;
padding: 25px 0px;
display: flex;
justify-content: space-between;
align-items: center;
background-color: pink;
opacity: 0.8;
}
@media (max-width: 500px){
body{
flex-wrap:wrap;
}
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36 OPR/86.0.4363.59
Challenge: Build a Product Landing Page
Link to the challenge: