Technical Documentation Page #8

HTML-CSS
1

Tell us what’s happening:

I’m not passing #8 and I don’t know why. I am using (_) for the spaces.

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.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Intro to CSS (Cascading Style Sheets)</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <nav id="navbar">
      <header>Intro to CSS</header>
      <ul>
        <li><a class="nav-link" href="#Introduction">Introduction</a></li>
        <li><a class="nav-link" href="#Prerequisites">Prerequisites</a></li>
        <li><a class="nav-link" href="#What_is_CSS?">What is CSS?</a></li>
        <li><a class="nav-link" href="#Applying_CSS_to_HTML">Applying CSS to HTML</a></li>
        <li><a class="nav-link" href="#External_Style_Sheets">External Style Sheets</a></li>
        <li><a class="nav-link" href="#Internal_Style_Sheets">Internal Style Sheets</a></li>
        <li><a class="nav-link" href="#Inline_Style_Sheets">Inline Style Sheets</a></li>
        <li><a class="nav-link" href="#How_Does_CSS_Actually_Work?">How Does CSS Actually Work?</a></li>
        <li><a class="nav-link" href="#Reference">Reference</a></li>
      </ul>
    </nav>
    <main id="main-doc">
      <section class="main-section" id="Introduction">
        <header>Introduction</header>
        <article></article>
      </section>
      <section class="main-section" id="Prerequisites">
        <header>Prerequisites</header>
        <article></article>
      </section>
      <section class="main-section" id="What_is_CSS?">
        <header>What is CSS?</header>
        <article></article>
      </section>
      <section class="main-section" id="Applying_CSS_to_HTML">
        <header>Applying CSS to HTML</header>
        <article></article>
      </section>
      <section class="main-section" id="External_Style_Sheets">
        <header>External Style Sheets</header>
        <article></article>
      </section>
      <section class="main-section" id="Internal_Style_Sheets">
        <header>Internal Style Sheets</header>
        <article></article>
      </section>
      <section class="main-section" id="Inline_Style_Sheets">
        <header>Inline Style Sheets</header>
        <article></article>
      </section>
      <section class="main-section" id="How_Does_CSS_Actually_Work?">
        <header>How Does CSS Actually Work</header>
        <article></article>
      </section>
      <section class="main-section" id="Reference">
        <header>Reference</header>
        <article></article>
      </section>
    </main>
  </body>
</html>

/* file: styles.css */
@media (min-width: 600px) and (max-width:900px){}

Your browser information:

Google Chrome
Version 128.0.6613.138 (Official Build) (64-bit)

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

2

Never mind, seeing my code on here I found the two errors and fixed them myself and now it’s passing!

3 Likes
3

Please use this topic for any further questions about this project to avoid opening multiple threads about it.

4

Hi, I have problem passing #8. Can you please tell me what was your two errors? Maybe it’s same with me?

5

hey @zppbwmxpc4

If you have a question about a specific challenge as it relates to your written code for that challenge need some help, click the Ask for Help button. This button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

1 Like