Tell us what’s happening:
My code fails on section 20. can someone tell me what the issue is with my href links? Thanks in advance!
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en"></html>
<link rel="stylesheet" href="styles.css">
<nav id="navbar">
<header>Harley Roberts V/A</header>
<li><a class="nav-link" href="#VO_Reel">VO Reel</a></li>
<li><a class="nav-link" href="#Previous_Experience">Previous Experience</a></li>
<li><a class="nav-link" href="#About_Me">About Me</a></li>
<li><a class="nav-link" href="#Ideal_Project">Ideal Project</a></li>
<li><a class="nav-link" href="#Similar_Voices">Similar Voices</a></li>
</nav>
<main id="main-doc">
<section id="VO_Reel" class="main-section">
<header>VO Reel</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section id="Previous_Experience" class="main-section">
<header>Previous Experience</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section id="About_me" class="main-section">
<header>About Me</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section id="Ideal_Project" class="main-section">
<header>Ideal Project</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section id="Similar_Voices" class="main-section">
<header>Similar Voices</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
</main>
/* file: styles.css */
@media (min-width: 500px) and (max-width:900px){}
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Safari/605.1.15
Challenge Information:
Technical Documentation Page - Build a Technical Documentation Page