Tell us what’s happening:
All of your .nav-link
elements should be in the #navbar
is the error. I tried moving the navbar all over before moving it back up to the top. I tried retyping from scratch and im not sure how to fix this problem.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<title>idek
</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<main id="main-doc">
<nav id="navbar">
<header>Working on The Nav Bar</header>
<ul>
<li><a href="#1" class="nav-link">1</li>
<li><a href="#2" class="nav-link">2</li>
<li><a href="#3" class="nav-link">3</li>
<li><a href="#4" class="nav-link">4</li>
<li><a href="#5" class="nav-link">5</li>
</ul>
</nav>
<section id="1" class="main-section">
<header id="1">1</header>
<p></p>
<p></p>
<li></li>
<code></code>
</section>
<section id="2" class="main-section">
<header id="2">2</header>
<p></p>
<p></p>
<li></li>
<code></code>
</section>
<section id="3" class="main-section">
<header id="3">3</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section id="4" class="main-section">
<header id="4">4</header>
<p></p>
<p></p>
<li></li>
<code></code>
</section>
<section id="5" class="main-section">
<header id="5">5</header>
<p></p>
<p></p>
<li></li>
<code></code>
</section>
</main>
</body>
</html>
/* file: styles.css */
a {text-decoration-line:none;
color:black;}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36
Challenge: Technical Documentation Page - Build a Technical Documentation Page
Link to the challenge: