Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Describe your issue in detail here.

Hello guys i’m stuck here with two Steps ( step 4 and step 15)

Need Help!

   **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  
 <head>
 <link rel="stylesheet" href="styles.css">
</head>

<body>

<main id="main-doc">
 
 <section class="main-section" id="Introduction">

   <header>Introduction</header>
   
   <p>JavaScript is a cross-platform, object-oriented scripting language.</p>
   
   <ul>
     <li>Client-side JavaScript extends the core<li>
     <li>Server-side JavaScript extends</li>
     <li>A general understanding of the Internet<li>
     
     <li>Good working knowledge of (HTML).</li>
     
     <li>ome programming experience.</li>
     
     </ul>
   
   </section>


 <section class="main-section"  id="Variables" >

   <header>Variables</header>
   
   <p>You use variables as symbolic names for values in your application.</p>

 </section>


 <section class="main-section"id="JavaScript-and-Java">

   <header>JavaScript and Java</header>
   
   <p>JavaScript and Java are similar in some ways but fundamentally different in some others.</p>

 </section>


 <section class="main-section" id="Hello-world" >

   <header>Hello world</header>
   
   <p>To get started with writing JavaScript, open the Scratchpad and write your first "Hello world" JavaScript code:</p>
 
 </section>


 <section class="main-section" id="Declaring-variables" >

   <header>Declaring variables</header>
   
   <p>You can declare a variable in three ways:
With the keyword var. For example,</p>
<p>You can declare a variable in three ways:
With the keyword var. For example,</p>
<p>You can declare a variable in three ways:
With the keyword var. For example,</p>
<p>You can declare a variable in three ways:
With the keyword var. For example,</p>
<p>You can declare a variable in three ways:
With the keyword var. For example,</p>
<p>You can declare a variable in three ways:
With the keyword var. For example,</p>
<p>You can declare a variable in three ways:
With the keyword var. For example,</p>


<code>var x = 42.</code>
<code>x = 42.</code>
<code>let y = 13.</code>
<code>if (x = y) { /* statements here */ }</code>
<code>const PI = 3.14;</code>
 
 </section>


 <nav class="left" id="navbar">
   
   <header>JS Documentation</header>
   
   
     <a class="nav-link" href="#Introduction">Introduction</a>
  
  
   <a class="nav-link" href="#Variables">Variables</a>
  
 
   <a class="nav-link" href="#JavaScript-and-Java">JavaScript and Java</a>
   
  
   <a class="nav-link" href="#Hello-world">Hello world</a>
 
  
   <a class="nav-link" href="#Declaring-variables">Declaring variables</a>


   
   </nav>


</main>

</body>

</html>
/* file: styles.css */

   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

“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.”

Notice the bold part near the end.

1 Like

I have added every .main-section an id that matches the text of it’s first child e.g. Hello-world, JavaScript-and-Java etc… but still getting the same error.

Ah got this _ Thanks!