Tell us what’s happening:
Hi! So I was coding this and I can’t figure out what I did wrong… like. This is the test that is not checked: Each .nav-link should have an href attribute that links to its corresponding .main-section (e.g. If you click on a .nav-link element that contains the text “Hello world”, the page navigates to a section element with that id).
Your code so far
WARNING
The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.
You will need to take an additional step here so the code you wrote presents in an easy to read format.
Please copy/paste all the editor code showing in the challenge from where you just linked.
<!DOCTYPE html>
<html lang="en" />
<head>
<link href="styles.css" rel="stylessheet" />
<meta charset="utf-8" />
<meta width="width=device-width initial-scale=1.0" />
</head>
<title>
HTML and CSS Documentation
</title>
<body>
<nav id="navbar"><header>HTML and CSS Documentation</header>
<ul><a class="nav-link" href="#Beginning_with_HTML">Beginning with HTML</a></ul>
<ul><a class="nav-link" href="#Starting_with_CSS">Starting with CSS</a></ul>
<ul><a class="nav-link" href="#Creating_with_HTML_and_CSS">Creating with HTML and CSS</a></ul>
<ul><a class="nav-link" href="#Intermediate_HTML">Intermediate HTML</a></ul>
<ul><a class="nav-link" href="#Intermediate_HTML">Intermediate CSS</a></ul>
<ul><a class="nav-link" href="#Advanced_HTML">Advanced HTML</a></ul>
<ul><a class="nav-link" href="#Advanced_CSS">Advanced CSS</a></ul>
<ul><a class="nav-link" href="#Accesibility">Accesibility</a></ul>
<ul><a class="nav-link" href="#Responsive_design">Responsive design</a>
<ul><a class="nav-link" href="#Reference">Reference</a></ul></nav>
<main id="main-doc">
<section class="main-section" id="Beginning_with_HTML" alt="Beginning with HTML">
<header>Beginning with HTML</header>
<article>
<p>Every HTML code should begin with: <code>< !DOCTYPE html ></code>
</p>
<p>And end with:
<code>< /html ></code></p>
<li>HTML is the most used code for sites.</li>
<li>HTML stands for HyperText Markup Language</li>
</article>
</section>
<section class="main-section" id="Starting_with_CSS" alt="Starting with CSS">
<header>Starting with CSS</header>
<li>CSS is the best way to desing your HTML page</li>
<li>CSS provides easy to code design elements.</li>
<p></p>
</section>
<section class="main-section" id="Creating_with_HTML_and_CSS" alt="Creating with HTML and CSS">
<header>Creating with HTML and CSS</header>
<a></a>
<code></code>
<p></P>
<p></p>
</section>
<section class="main-section" id="Intermediate_HTML" alt="Intermediate HTML">
<header>Intermediate HTML</header>
<p></p>
</section>
<section class="main-section" id="Intermediate_CSS" alt="Intermediate CSS">
<header>Intermediate CSS</header>
<p></p>
<code></code>
<p></p>
<p></p>
</section>
<section class="main-section" id="Advanced_HTML" alt="Advanced HTML">
<header>Advanced HTML</header>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
</section>
<section class="main-section" id="Advanced_CSS" alt="Advanced CSS">
<header>Advanced CSS</header>
<p></p>
<p></p>
<code></code>
<p></p>
</section>
<section class="main-section" id="Accesibility" alt="Accesibility">
<header>Accesibility</header>
<li></li>
<li></li>
<p></p>
<p></p>
</section>
<section class="main-section" id="Responsive_design" alt="responsive design">
<header alt="responsive design">Responsive design</header>
<p></p>
<p></p>
<p></p>
<p></p>
</section>
<section class="main-section" id="Reference" alt="reference">
<header>Reference</header>
<p><a href="freecodecamp.com">freecodecamp.com</a></p>
<p><a href="https://ro.wikipedia.org/wiki/HyperText_Markup_Language">wikipedia.com</a></p>
<p></p>
<p></p>
<p></p>
</section>
</main>
</body>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36 Edg/110.0.1587.50
Challenge: Technical Documentation Page - Build a Technical Documentation Page
Link to the challenge: