Tell us what’s happening:
I’m not finished with this but, I was running the test to see if I had gotten all of the instructions right. The two that are X’d out are "you should have an href for each nav-link . Which I do. And also "your nav link should take you to the corresponding id. Which it does. Each navigation item shows a link and when I click on it it takes me to that section.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="./styles.css">
<title>Product Landing Page</title>
</head>
<body>
<header id="header">
<nav id="nav-bar" class="nav-bar">
<li class="nav-link"><a href="#instruction">Instructors</a></li>
<li class="nav-link"><a href="#resources">Resources</a></li>
<li class="nav-link"><a href="#drivers">Drivers</a></li>
</nav>
<div class="logo">
<img src="https://static.vecteezy.com/system/resources/previews/012/152/847/original/automotive-car-with-sports-vehicle-logo-design-icon-symbol-illustration-vector.jpg"id="header-img" alt="Golf-ball-logo">
<p class="logo-text">Burnt Rubber Racing School</p>
</div>
</header>
<hr>
<main>
<h1 id="about">About Us</h1>
<p>We are Burnt Rubber Racing School. We provide everything you need to improve your racing skills. Whether you are a beginning racer or a veteran, you will benefit from our world class instruction teaching everything you need to become the best racer your can be.</p>
<hr>
<div><h2 id="instruction">Top level instructors</h2>
<p>At Burnt Rubber Racing, you will have access to the best instructors in the industry. With several years of experience in motorsport, you can be confident that you will receive the best training available.</p>
</div>
<div><h2 id="resources">Access to a huge selection of resources</h2>
<p>Our giant library of resources provides all you need to learn about being a better racer. You will have unlimited access to the best resources available to improving your skills on and off the track.</p>
</div>
<div>
<h2 id="drivers">Test your skills against the best drivers in the industry</h2>
<p>We provide the opportunity to put what you've learned to the test against other drivers. Not only will you be able to improve you're skills, you will be able to see how those skills measure up in the real world. By testing your skills against the best, you will be able to see the areas you are best at and those you need to improve.</p>
</div>
<div><iframe id="video" width="500px" height="300px" control="controls" src="https://www.youtube.com/embed/B2Y9T5DkXtk" type="video/mp4">
</iframe></div>
<hr>
<form id="form" action="https://www.freecodecamp.com/email-submit">
<input id="email" type="email" name="email" placeholder="Enter Email" ></input>
<input id="submit" type="submit" action="https://www.freecodecamp.com/email-submit"></input>
</form>
</main>
</body>
<footer>
</footer>
</html>
/* file: styles.css */
* {box-sizing:border-box;margin:0;padding:0;}
#header-img {width:200px;height:auto;display:flex;}
.logo{display:flex;align-items:center;font-size:34px;Justify-content:left;font-family:Anton, sans-serif;color:#1A5276;}
@media (prefers-reduced-motion) {*{scroll-behavior:smooth;}}
.nav-bar {align-items:left;t
justify-content:center;display:flex; width:100%;top:0;left:0;flex-direction:row;}
iframe {display:flex;position:center;justify-content:center;align-items:center;}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36 OPR/109.0.0.0
Challenge Information:
Product Landing Page - Build a Product Landing Page