Technical Documentation Page - Build a Technical Documentation Page

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

I keep getting failed because of my main-section id which I believe is correct

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en"
<head>
  <meta charset="utf-8">
  <meta name="viewport"content="width=device-width,initial scale=1.0">
  <title>Web Development</title>
  <link rel="stylesheet"href="./styles.css">
  </head>
  <body>
    <h1>WEB DEVELOPMENT</h1>
    <main id="main-doc">
      <section class="main-section"id="introduction">
        <header>
          <h2>Introduction</h2>
          </header>
        </section>
      <section class="main-section"id="objectives">
        <header>
          <h2>Objectives</h2>
          </header>
        </section>
      <section class="main-section"id="what_you_should_know?">
        <header>
         <h2>What you should already know?</h2>
          </header>
        </section>
      <section class="main-section"id="three_types_of_web_development">
        <header>
          <h2>Three types of Web Development</h2>
          </header>
        </section>
      <section class="main-section"id="front_end_developers">
        <header>
          <h2>Front-end developers</h2>
          </header>
        </section>
        <section class="main-section"id="doctype_html">
          <header>
            <h2>DOCTYPE html</h2>
            </header>
          </section>
        <section class="main-section"id="back_end_developers">
          <header>
            <h2>Back-end developers</h2>
            </header>
          </section>
          <section class="main-section"id="full_stack_developers">
            <header>
              <h2>Full-stack developers</h2>
              </header>
            </section>
            <section class="main-section"id="reference">
              <header>
                <h2>Reference</h2>
                </header>
              </section>
              <section class="main-section"id="wikipedia">
                <header>
                  <h2>Wikipedia</h2>
                  </header>
                </section>
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/114.0.5735.124 Mobile/15E148 Safari/604.1

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

The text of the h2 is “Objectives” but the id of the section is “objectives”. Notice that one starts with an uppercase “O” and the other with a lowercase “o”. They must be exactly the same, so either they both need to start with uppercase or lowercase.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.