I keep getting error messages for tests 8 and 19 and I would really need some advice please.
test 8:
Each .main-section should have an id that matches the text of its first child, having any spaces in the child’s text replaced with underscores (_) for the id’s.
test 19:
Each .nav-link
should have text that corresponds to the header
text of its related section
(e.g. if you have a “Hello world” section/header, your #navbar
should have a .nav-link
which has the text “Hello world”).
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Technical Documentation</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<nav id="navbar">
<header>topic of the technical documentation</header>
<ul>
<li><a class="nav-link" href="#Titlu_1">Titlu 1</a></li>
<li><a class="nav-link" href="#Titlu_2">Titlu 2</a></li>
<li><a class="nav-link" href="#Titlu_3">Titlu 3</a></li>
<li><a class="nav-link" href="#Titlu_4">Titlu 4</a></li>
<li><a class="nav-link" href="#Titlu_5">Titlu 5</a></li>
</ul>
</nav>
<main id="main-doc">
<section class="main-section" id="Titlu_1">
<header>Titlu 1</header>
<p>A</p>
<p>B</p>
<p>C</p>
</section>
<section class="main-section" id="Titlu_2">
<header>Titlu 2</header>
<p>D</p>
<p>E</p>
<p>F</p>
</section>
<section class="main-section" id="Titlu_3">
<header>Titlu 3<header>
<p>G</p>
<p>H</p>
<p>J</p>
<p>K</p>
</section>
<section class="main-section" id="Titlu_4">
<header>Titlu 4</header>
<code>1</code>
<code>2</code>
<code>3</code>
<code>4</code>
<code>5</code>
</section>
<section class="main-section" id="Titlu_5">
<header>Titlu 5</header>
<ul>
<li>Argument1</li>
<li>Argument2</li>
<li>Argument3</li>
<li>Argument4</li>
<li>Argument5</li>
</ul>
</section>
</body>
</html>