Hi. Im having trouble with the following: All of your .nav-link elements should be in the #navbar.
Can someone help me?
heres the code.
for css i only used a media query.
@media screen and (max-width:750px){
width:50%
}
<!DOCTYPE: html>
<html lang="en">
<head>
<title>Technical Documentation page</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<main id="main-doc">
<nav id="navbar">
<header>
<ul>
<li><a href="#one">one</a></li>
<li><a href="#two">two</a></li>
<li><a href="#three">three</a></li>
<li><a href="#four">four</a></li>
<li><a href="#five">five</a></li>
</ul>
</header></nav>
<section class="main-section" id="one">
<header>one</header>
<p><a class="nav-link" href="#one">one</a></p>
<ul> <li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<p></p>
<code></code>
</section>
<section class="main-section" id="two">
<header>two</header>
<p><a class="nav-link" href="#two">two</a></p>
<p></p><code></code>
</section>
<section class="main-section" id="three">
<header>three</header>
<p><a class="nav-link" href="#three">three</a></p>
<p></p><code></code>
</section>
<section class="main-section" id="four">
<header>four</header>
<p><a class="nav-link" href="#four">four</a></p>
<p></p><code></code>
</section>
<section class="main-section" id="five">
<header>five</header>
<p><a class="nav-link" href="#five">five</a></p>
<p></p><code></code>
</section>
</main>
</body>
</html>
Im running the latest version of google.