Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:

I need to add a media query, which I do not understand how to do. However, my .main-section declaration is not showing up on my code.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  </meta>
  <body>
    <title>Technical Document</title>
    <main id="main-doc">
      <section class="main-section" id="introduction">
        <header>introduction
        </header>
        <p></p>
        <p></p>
        <code></code>
        <li></li>
      </section>
      <section class="main-section" id="ideas_1">
        <header>ideas 1
        </header>
        <p></p>
        <p></p>
        <code></code>
        <li></li>
      </section>
      <section class="main-section" id="ideas_2">
        <header>ideas 2
        </header>
        <p></p>
        <p></p>
        <code></code>
        <li></li>
      </section>
      <section class="main-section" id="ideas_3">
        <header>ideas 3
        </header>
        <p></p>
        <p></p>
        <code></code>
        <li></li>
      </section>
      <section class="main-section" id="ideas_4">
        <header>ideas 4
        </header>
        <p></p>
        <p></p>
        <code></code>
        <li></li>
      </section>
    </main>
    <nav id="navbar">
      <header>Navigation</header>
      <a class="nav-link" href="#introduction">introduction
      </a>
      <a class="nav-link" href="#ideas_1">ideas 1
      </a>
      <a class="nav-link" href="#ideas_2">ideas 2
      </a>
      <a class="nav-link" href="#ideas_3">ideas 3
      </a>
      <a class="nav-link" href="#ideas_4">ideas 4
      </a>
    </nav>
  </body>
</html>
/* file: styles.css */
.main-section {
  width: auto;
  height: auto;
  background-color: blue;

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

Remember to link to your CSS file.

Note: Be sure to add <link rel="stylesheet" href="styles.css"> in your HTML to link your stylesheet and apply your CSS


2 Likes

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