Tell us what’s happening:
Describe your issue in detail here.Please assist these error messages keep coming up: Your #navbar
should have exactly one header
element within it. AND 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!DOCTYPE html>
technical documentation JavaScript_and_Java1
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<html>
<head><title>technical documentation</title>
<main id="main-doc"><section class="main-section"id="JavaScript_and_Java1"><header>JavaScript_and_Java1</header><code></code><li></li><p></p><p></p></section>
<section class="main-section"id="JavaScript_and_Java2"><header>JavaScript_and_Java2</header><code></code><li></li><p></p><p></p></section>
<section class="main-section"id="JavaScript_and_Java3"><header>JavaScript_and_Java3</header><code></code><li></li><p></p><p></p></section>
<section class="main-section"id="JavaScript_and_Java4"><header>JavaScript_and_Java4</header><code></code><li></li><p></p><p></p></section>
<section class="main-section"id="JavaScript_and_Java5"><header>JavaScript_and_Java5</header><code></code><li></li><p></p><p></p></section></main>
<meta charset="utf-8"><meta name="viewport"content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css"></head>
<nav id="navbar"><header>JavaScript_and_Java1</header><a class="nav-link" href="https:javascriptandjava1">JavaScript_and_Java1</a></nav>
<nav id="navbar"><header>JavaScript_and_Java2</header><a class="nav-link" href="https:javascriptandjava2">JavaScript_and_Java2</a></nav>
<nav id="navbar"><header>JavaScript_and_Java3</header><a class="nav-link" href="https:javascriptandjava3">JavaScript_and_Java3</a></nav>
<nav id="navbar"><header>JavaScript_and_Java4</header><a class="nav-link" href="https:javascriptandjava4">JavaScript_and_Java4</a></nav>
<nav id="navbar"><header>JavaScript_and_Java5</header><a class="nav-link" href="https:javascriptandjava5">JavaScript_and_Java5</a></nav>
</html>
/* file: styles.css */
@media (max-width:1169px){#navbar{right: 0;}}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36
Challenge: Technical Documentation Page - Build a Technical Documentation Page
Link to the challenge: