Technical Documentation Page - Build a Technical Documentation Page

Programming HTML-CSS
1

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

3

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

4

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.

5

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…