Media Query Test Not Passing

HTML-CSS
1

Tell us what’s happening:
I am attempting to submit my Technical Documentation Page which requires a media query in the CSS.

I have a media query that I wrote and also one copied from an example that both seem to be correct and function in a browser when I copy the code to a standard CSS - HTML document.

The problem is that the test results do not seem to recognize my media query. I am stuck at this spot and don’t know how to proceed.

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.

@media (max-width: 600px) {
    nav {
        position: absolute;
        width: 100%;
        height: 400px;
        z-index: 1;
    }
    #main-doc {
        position: relative;
        margin-top: 430px;
        left: 0;
        width: 100%;
    }
}

Your browser information:

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

Challenge: Build a Technical Documentation Page

Link to the challenge:

2

Please post all your code.

Did you remember to link to the CSS file?

<link rel="stylesheet" href="styles.css">
1 Like
3

That was it! I noticed the CSS wasn’t being applied but I thought that the test would still read it.

Thank you

4

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