Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
I have a problem with step 4. i dont know why i have a cross there.

  1. Each section element with the class of main-section should also have an id that corresponds with the text of each header contained within it. Any spaces should be replaced with underscores (e.g. The section that contains the header “JavaScript and Java” should have a corresponding id="JavaScript_and_Java")

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <nav id="navbar">
      <header>5 Most demanded programming languages in 2022</header>  
      <ol>
        <li><a class="nav-link" href="#introduction"> Introduction</a></li>
        <li><a class="nav-link" href="#javascript"> JavaScript</a></li>
        <li><a class="nav-link" href="#python">Python</a></li>
        <li><a class="nav-link" href="#java">Java</a></li>
        <li><a class="nav-link" href="#c">C#</a></li>
        <li><a class="nav-link" href="#php">PHP</a></li>
        </ol> 
        </nav>
    <main id="main-doc">
          <section class="main-section" id="introduction">
            <header>Introduction</header>
            <article>
            <p>Ever wondered which is the most demanded programming language in 2022? Although there are more than 200+ programming languages, only few of them are used in the real world industry. Knowing this information is essential to succeed in the developer job industry.

</p>
            <p>In the last 8 months (from Oct-2021 to Jun-2022), DevJobsScanner has analyzed more than 7M developer jobs. From that 7M jobs, DevJobsScanner has only picked the job offers that explicitly required a programming language. Job offers with 4+ language or stack requirements were discarded.

So, keep reading below to know which languages are the most demanded </p>
            </article>
          </section>
          <section class="main-section" id="javascript">
            <header>Javascript</header>
            <article>
            <p>Since its creation to make the firsts websites dynamic, JavaScript hasn't stopped gaining popularity over the years. With that being said, currently JavaScript is the most demanded programming language in the entire market. Also, the arrival of TypeScript (a JavaScript superset with type safety) may also help to achieve this milestone. TypeScript popularity has only increased in recent years. Many new JavaScript frameworks are entirely written with TypeScript, like Angular or NestJS.</p>
            <p>In eight months we have found 469K job offers that represents 33% of the jobs that explicitly required JavaScript or TypeScript as a programming language.</p>
            <code>JavaScript Syntax: <br>< // How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;
</code>
            <ul>
              <li>Jobs Found: ~469K (33%)</li><li>Keywords: javascript, typescript, react, angular, vue, node.</li>
            </article>
          </section>
          <section class="main-section" id="python">
            <header>Python</header>
            <article>
            <p>Without making much noise, Python has made its journey to be the second most demanded programming language in 2022. Its versatility, from scripting, running servers or for data analysis, has been key to achieving this milestone. Also, Python has one of the greatest and bigger communities out there.

</p>
            <p>During these eight months we have found 290K job offers that accounts for a total of 20% of jobs that explicitly required Python as a programming language</p>
            <code> Python Syntax: <br>if 5 > 2:
  print("Five is greater than two!")</code>
            <ul>
              <li>Jobs Found: ~290K (20%)</li><li>Keywords: python, django, flask.</li>
            </article>
          </section>
          <section class="main-section" id="java">
            <header>Java</header>
            <article>
            <p>In the top three spot, as the third most demanded programming language, we found Java. Java language has been really popular since its creation in 1995. Even though this popularity has been decreasing over the last years with the appearance of more modern languages like Kotlin, it still holds a solid top three spot. Frameworks like Spring, used in many top tier companies, are helping to hold that position.</p>
            <code>Java Syntax: <br>public class Main {
  public static void main(String[] args) {
    System.out.println("Hello World");
  }</code>
            <ul><li>Jobs Found: ~240K (17%)</li>
            <li>Keywords: java, spring.</li>
            </ul>
            </article>
          </section>
          <section class="main-section" id="c">
            <header>C#</header>
            <article>
            <p>The top four spot goes to C#. C# is a general purpose, multi-paradigm, object-oriented programming language, created mainly to address some of the weaknesses of C++. As a general purpose language, C# has a wide range of use cases. </p>
            <p>The most common usage of C# is with the .NET framework. It is also heavily used in the Unity game framework for scripting. Both .NET framework and Unity are popular among top tier companies.</p>
            <code>C# syntax: 
              <br>using System;

namespace HelloWorld
{
  class Program
  {
    static void Main(string[] args)
    {
      Console.WriteLine("Hello World!");    
    }
  }
} </code>
            <ul><li>Jobs Found: ~157K (11%)</li><li>Keywords: c#, .net.</li></ul>
            </article>
          </section>
          <section class="main-section" id="php">
            <header>php</header>
            <article>
            <p>The language that started as a simple “Personal Home Page Tool”, here the name PHP, has made an incredible journey since then. Twenty-seven years since its creation, PHP is still the fifth top most demanded language. PHP is mainly used for web development, in conjunction with frameworks like Laravel or Wordpress.</p>
            <code>PHP Syntax: 
              <?php
$color = "red";
echo "My car is " . $color . "<br>";
echo "My house is " . $COLOR . "<br>";
echo "My boat is " . $coLOR . "<br>";
?> </code>
            <ul>
              <li>Jobs Found: ~119K (8%)</li><li>Keywords: php, laravel.</li></ul>
            
            </article>
          </section>
          </main>
    </body>
  </html>

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Look at the capitalization of your code between ID and header.
It should be the same

Only php that is correct, the rest is you either need to capitalize the first character or turn it into lower case

1 Like

My bad! i dont realize what was the problem because i have changed it and then appears another cross in another step but finally got it. thanks