Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:
The only part not passing says, “Your Technical Documentation project should use at least one media query.” But, I have included the media query. I’ve gone through multiple Google searches and Youtube videos and I’m not sure what I’m doing wrong.

  **Your code so far**

  <header>JS Documentation</header>
  <ul>
    <li><a class="nav-link" href="#introduction">Introduction</a></li>
    <li><a class="nav-link" href="#what_you_should_already_know">What you should already know</a></li>
    <li><a class="nav-link" href="#javascript_and_java">JavaScript and Java</a></li>
    <li><a class="nav-link" href="#hello_world">Hello World</a></li>
    <li><a class="nav-link" href="#variables">Variables</a></li>
    <li><a class="nav-link" href="#introduction">Introduction</a></li>
</ul>
</nav>
<main id="main-doc">
  <section class="main-section" id="introduction">
    <header>Introduction</header>
    <p>blah blah</p>
    <p>blah blah blah</p>
    <ul>
      <li>list 1</li>
      <li>list 2</li>
    </ul>
  </section>
  <section class="main-section" id="what_you_should_already_know">
    <header>What you should already know</header>
    <p>blah blah</p>
    <ul>
      <li>list 1</li>
      <li>list 2</li>
      <li>list 3</li>
    </ul>
  </section>
  <section class="main-section" id="javascript_and_java">
    <header>JavaScript and Java</header>
    <p>blah</p>
    <p>blah</p>
    <p>blah</p>
  </section>
  <section class="main-section" id="hello_world">
    <header>Hello World</header>
    <p>blah</p>
    <code>i=23</code>
    <p>blah</p>
  </section>
  <section class="main-section" id="variables">
    <header>Variables</header>
    <p>blah</p>
    <p>blah</p>
    <p>blah</p>
    <code>code goes here</code><br>
    <code>code goes here</code><br>
    <code>code goes here</code><br>
    <code>code goes here</code><br>
  </section>
  
</main>


#navbar {
  width:45%;
}

@media (max-width: 768px) {
  body {
  background-color:BurlyWood;
  }
}

  **Your browser information:**

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

We’re going to need to see both your HTML and all of your CSS to see what’s going on.

3

I’ve copy/pasted all of it in there now.

4

I’m not seeing where you linked the CSS. I would make sure you do that.

1 Like
5

Thank you! That was the problem.

1 Like
6

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