Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening: I am having troubles with the add at least one media query part in this. I have entered this specific code in the styles.css button of the freecodecamp code runner.

The media query code that I’m trying to use:

@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;
    }
}

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Hi!
Please share all your css and html. As there may a problem elsewhere in the code stopping it from passing.

Nvm I got it. It was a typing mistake by me as I named the css file as “style.css” instead of “styles.css”.

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