Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:

I am not able to pass the last item even though the media query is added and passes the test when I tried to run the tests on different both Chrome and Firefox but the error persists.

> Here is full project on CodePen that passes the test

Here is the media query from my css file

@media screen and (max-width: 480px) {
  #main-doc {
    background-color: #ccc;
    border: 1px solid red;
  }
}

WARNING

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/119.0

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

how am I supposed to reformat the code in the editor ?

No, the issue is probably that your CSS file is not linked correctly from your HTML file.
This is done for you in CodePen but you’ll need a link element for it otherwise.

1 Like

Thank you so much! I thought the css file would be linked up automatically in the FCC editor but it is not. I’ve just linked in the css file and the challenged was passed…

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