Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
I read all te hore post, but mine does not work…

keep getting this error “Your Technical Documentation project should use at least one media query.”

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<html lang="en">
<head>
  <title> project</title>
  <meta name="viewport" content=width=device-width, initial-scale=1.0“ >
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <nav id="navbar">
    <header>
      Js CodeGuide
    </header>
    <ul>
      <li><a  class="nav-link" href="#js_Doc">js Doc</a></li>
      <li><a  class="nav-link" href="#introduction">introduction</a></li>
      <li><a  class="nav-link" href="#second_Page">second Page</a></li>
      <li><a  class="nav-link" href="#third_Page">third Page</a></li>
      <li><a  class="nav-link" href="#fourth_Page">fourth Page</a></li>
    </ul>
  </nav>
  <main id="main-doc">
    <section class="main-section" id="js_Doc">
      <header>
        js Doc
      </header>
      <article>
        <p>jandjndcajdn</p>
        <ul>
          <li>sijdniswjdn</li>
          <li>sijdniswjdn</li>
          <li>sijdniswjdn</li>
        </ul>
                <code>
                  if (){
                  bla bla bla
                  }
                </code>
        <p>jandjndcajdn</p>
        <p>jandjndcajdn</p>
        <ul>
          <li>iosdnc</li>
          <li>iosdnc</li>
          <li>iosdnc</li>
        </ul>
                <code>
                  if (){
                  bla bla bla
                  }
        
                </code>
                <ul>
                  <li>lakdncv</li>
                  <li>lakdncv</li>
                  <li>lakdncv</li>
                </ul>
      </article>
    </section>
    <section class="main-section" id="introduction">
      <header>
        introduction
      </header>
      <article>
        <p>ojiwndckqeco</p>  
                <code>
                  if (){
                  bla bla bla
                  }
        
                </code>
                <ul>
                  <li>jncdo</li>
                  <li>jncdo</li>
                  <li>jncdo</li>
                </ul>
        <p>ojiwndckqeco</p>
                <code>
                  if (){
                  bla bla bla
                  }
        
                </code>
        <p>ojiwndckqeco</p>
                <code>
                  if (){
                  bla bla bla
                  }
        
                </code>
                <ul>
                  <li>lakd</li>
                  <li>lakd</li>
                  <li>lakd</li>
                </ul>
      </article>
    </section>
    
    <section class="main-section" id="second_Page">
      <header>
        second Page
      </header>
      <article>
        <p>kjncdkmom</p>
        <p>kjncdkmom</p>
        <p>kjncdkmom</p>
      </article>
    </section>
    
    <section class="main-section" id="third_Page">
      <header>
        third Page
      </header>
      <article>
        <p>oandoencwecn</p>
        <p>oandoencwecn</p>
                <code>
                  if (){
                  bla bla bla
                  }
        
                </code>
        <p>oandoencwecn</p>
                <code>
                  if (){
                  bla bla bla
                  }
        
                </code>
      </article>
    </section>
    
    <section class="main-section" id="fourth_Page">
      <header>
        fourth Page
      </header>
      <article>
        <p>oakdckmeocm</p>
        <p>oakdckmeocm</p>
        <p>oakdckmeocm</p>
        <code>
          if (){
          bla bla bla
          }
          
        </code>
        <ul>
          <li>All media from <a href="https://developer.mozilla.org/en-US" target="_blank">No idea</a></li>
        </ul>
      </article>
    </section>
    
  </main>
</body>
</html>

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Hi there and welcome to our community!

Can you show us your CSS code please? That is where your media query should be found.

main{ background-color: pink;}

#navbar {
position: fixed;
min-width: 290px;
top: 0px;
left: 0px;
width: 300px;
height: 100%;
border-right: solid;
border-color: rgba(0, 22, 22, 0.4);
}

#main-doc {
position: absolute;
margin-left: 310px;
padding: 20px;
margin-bottom: 110px;
}

There is no media query… that’s why you’re getting that error.

1 Like

I found the error…

I am so sorry…

Thank you very much i thougth it was on the html… sorry for wasting you time

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