Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:

  • 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. is not validating right.
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles.css" />
    <link rel="stylesheet"

    <main id="main-doc">
      <nav id="navbar" class="left-nav">
        <header class="main-header">
          <h1 class="page-title">DEV Short Documentation</h1>
        <div style="display: flex">
          <ul class="document-links">
            <li><a href="#method_sharp" class="nav-link">method sharp</a></li>
            <li><a href="#method_java"  class="nav-link">method java</a></li>
            <li><a href="#function_javascript" class="nav-link">function javascript</a></li>
            <li><a href="#js_hoisting" class="nav-link">js hoisting</a></li>
            <li><a href="#cors" class="nav-link">cors</a></li>
          <div class="left-divider"></div>
      <div class="documents">
        <section id="method_sharp" class="main-section">
          <header class="section-title">method sharp</header>
          <p>A method is a code block that contains a series of statements. </p>
          <p> A program causes the statements to be executed by calling the method and specifying any required method arguments. </p>
           <p> In C#, every executed instruction is performed in the context of a method. The Main method is the entry point for every C# application and it's called by the common language runtime (CLR) when the program is started.</p>


            <code>using System;

                abstract class Motorcycle <br>
                    &nbsp; public void StartEngine() { } <br>
                    &nbsp; protected void AddGas(int gallons) {  }<br>
                    &nbsp;public virtual int Drive(int miles, int speed) { }<br>
                    &nbsp;public virtual int Drive(TimeSpan time, int speed) { }<br>
                    &nbsp;&nbsp;public abstract double GetTopSpeed();<br>
            <p>Note: Methods can use any accesifier:</p>

        <section id="method_java" class="main-section">
          <header class="section-title">methond java</header>
          <p>A method is a block of code or collection of statements or a set of code grouped together to perform a certain task or operation. It is used to achieve the reusability of code. We write a method once and use it many times. We do not require to write code again and again. It also provides the easy modification and readability of code, just by adding or removing a chunk of code. The method is executed only when we call or invoke it.</p>

            <code>public static void findEvenOdd(int num)  
                //method body  
                System.out.println(num+" is even");   
                System.out.println(num+" is odd");  
                }  </code>
            <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquid impedit in maiores ea suscipit saepe dignissimos vel repellat itaque! Iusto optio dolor eaque perferendis quos saepe accusantium culpa quia autem. Porro fugiat illum delectus vel enim cumque repellendus ut est!</p>

        <section id="function_javascript" class="main-section">
          <header class="section-title">function javascript</header>
          <p>Functions are one of the fundamental building blocks in JavaScript. A function in JavaScript is similar to a procedure—a set of statements that performs a task or calculates a value, but for a procedure to qualify as a function, it should take some input and return an output where there is some obvious relationship between the input and the output. To use a function, you must define it somewhere in the scope from which you wish to call it.</p>
        <code>function myFunction(p1, p2) {
            return p1 * p2;   // The function returns the product of p1 and p2
        <section id="js_hoisting" class="main-section">
          <header  class="section-title">js hoisting</header>
          <p>JavaScript Hoisting refers to the process whereby the interpreter appears to move the declaration of functions, variables or classes to the top of their scope, prior to execution of the code.

            Hoisting allows functions to be safely used in code before they are declared.
            Variable and class declarations are also hoisted, so they too can be referenced before they are declared. Note that doing so can lead to unexpected errors, and is not generally recommended.</p>
            <code>console.log(num); // Returns 'undefined' from hoisted var declaration (not 6)
                var num; // Declaration
                num = 6; // Initialization
                console.log(num); // Returns 6 after the line with initialization is executed.</code>
        <section id='cors'class="main-section">
          <header class="section-title">cors</header>
          <p>The Access-Control-Allow-Origin response header indicates whether the response can be shared with requesting code from the given origin.        </p>
          <code>const xhr = new XMLHttpRequest();
            const url = 'https://bar.other/resources/public-data/';
  'GET', url);
            xhr.onreadystatechange = someHandler;

Unfortunately, we cannot see your code

Can you put back all the stuff you deleted about what’s going wrong and the link to the challenge?

Double check your code carefully.
Here is one mistake.
“method” not “methond”