Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

I added the media and it still won’t go through. Do i need to be more specific?

Your code so far

<!-- file: index.html -->
<!doctype html>
<html lang="en">


   <main id="main-doc">
   <section class="main-section" id="This_is_header">This is header
    <header id="This_is_header">This is header</header>
<p></p>
<p></p>
<code>
</code>
<li>
</li>


<section class="main-section" id="This_is_header_2">This is header 2
<header id="This_is_header_2">This is header 2</header>
<p></p>
<p></p>
<code>
</code>
<li>
</li>
</section>


<section class="main-section" id="This_is_header_3">This is header 3
<header id="This_is_header_3">This is header 3</header>
<p></p>
<p></p>
<code>
</code>
<li>
</li>
</section>


<section class="main-section" id="This_is_header_4">This is header 4
<header id="This_is_header_4">This is header 4</header>
<p></p>
<p></p>
<code>
</code>
<li>
</li>
</section>


<section class="main-section" id="This_is_header_5">This is header 5
<header id="This_is_header_5">This is header 5</header>
<p></p>
<p></p>
<code>
</code>
<li>
</li>
</section>

<nav id="navbar">
   <header>Example
      <a class="nav-link" href="#This_is_header">This is header
      </a>

      <a class="nav-link" href="#This_is_header_2">This is header 2 
      </a>

      <a class="nav-link" href="#This_is_header_3">This is header 3 
      </a>

      <a class="nav-link" href="#This_is_header_4">This is header 4 
      </a>

      <a class="nav-link" href="#This_is_header_5">This is header 5
      </a>         
   </nav>
    </header>

</main>

  </html>

/* file: styles.css */
@media (max-width: 768px)

Your browser information:

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

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

2
  • You have duplicated ids, meaning you have id attributes with the same value. That is not allowed in HTML.
  • The closing nav bar is found within the ‘header’ element.
  • the ‘title’ element is missing…
  • Responsive Web Design Media Queries
    The syntax of the media query is not valid.
1 Like
3

thank you so much. I ended up fixing my code at the start and it passed

2 Likes
4

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