I keep being told that “None of your header elements should be empty”. What could be the issue?
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<nav id="navbar">
<header></header>
<a class="nav-link" href="#introduction">Introduction</a><br>
<a class="nav-link" href="#what_you_should_already_know">What you should already know</a><br>
<a class="nav-link" href="#javascript_and_java">Javascript and Java</a><br>
<a class="nav-link" href="#hello_world">Hello World</a><br>
<a class="nav-link" href="#variables">Variables</a><br>
<a class="nav-link" href="#declaring_variables">Declaring Variables</a>
</nav>
<br>
<main id="main-doc">
<section class="main-section" id="introduction">
<header>
<h1>Introduction</h1>
</header>
<p>JavaScript is a cross-platform, object-oriented scripting language.</p>
<p></p>
<ul>
<li></li>
<li></li>
</ul>
</section>
<section class="main-section" id="what_you_should_already_know">
<header>
<h1>What you should already know</h1>
</header>
<p>This guide assumes you have the following basic background:</p>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<p></p>
</section>
<section class="main-section" id="javascript_and_java">
<header>
<h1>Javascript and Java</h1>
</header>
<p>JavaScript and Java are similar in some ways but fundamentally different in some others.</p>
<p></p>
</section>
<section class="main-section" id="hello_world">
<header>
<h1>Hello World</h1>
</header>
<p>To get started with writing JavaScript, open the Scratchpad and write your first "Hello world" JavaScript code:</p>
<code>
function greetMe(yourName) { alert("Hello " + yourName); }
greetMe("World");
</code>
<p></p>
</section>
<section class="main-section" id="variables">
<header>
<h1>Variables</h1>
</header>
<p>You use variables as symbolic names for values in your application. The names of variables, called identifiers, conform to certain rules.</p>
<p></p>
</section>
<section class="main-section" id="declaring_variables">
<header>
<h1>Declaring Variables</h1>
</header>
<p>You can declare a variable in three ways:</p>
<p>With the keyword var. For example,</p>
<code>
var x = 42.
</code><br>
<code>
x = 42.
</code><br>
<code>
let y = 13.
</code>
<code><br>
if (true) { var x = 5; } console.log(x); // 5
</code>
<p></p>
</section>
</main>
</body>
</html>
/* file: styles.css */
@media (max-width: 600px) {
body { font-size: 14px;
}
#navbar header {
height: 0;
margin: 0;
padding: 0; }
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36
Challenge: Technical Documentation Page - Build a Technical Documentation Page
Link to the challenge:
