Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
The challenge asks for at least one media query I have two but it keeps showing “Your Technical Documentation project should use at least one media query” as a missing step. I don’t understand why, can somebody explain?

Your code so far

media only screen and (max-width: 815px) {
  /* For mobile phones: */
  #navbar ul {
    border: 1px solid;
    height: 207px;

  #navbar {
    background-color: white;
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    max-height: 275px;
    border: none;
    z-index: 1;
    border-bottom: 2px solid;

  #main-doc {
    position: relative;
    margin-left: 0px;
    margin-top: 270px;

@media only screen and (max-width: 400px) {
  #main-doc {
    margin-left: -10px;

  code {
    margin-left: -20px;
    width: 100%;
    padding: 15px;
    padding-left: 10px;
    padding-right: 45px;
    min-width: 233px;

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Media queries should always be at the end of your CSS file.

If that is true, it should be working, but guess what?

Please share your html code too. As if the html and css are incorrectly linked this may be causing the issue.

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