Responsive Web Design: Tech landing page. Story 15 Media Query

[Carbo]

In my opinion, I have completed the objectives, including Story 15: " Your technical documentation should use at least one media query""

This is my code (both in bottom of the section):
@media only screen and (min-width: 500px)
{header
{color: green;
}
}

@media only screen and (min-width: 900px) 
{body 
  { background-color: lightblue;
  }
}

Both pieces of code seem to be functional on the freeCodeCamp editor and Preview.

When I run the Test, I get the following error message:
// running tests
Your Technical Documentation project should use at least one media query.
// tests completed

Please assist with how to carry on.

Thank you for your time.

[KittyMac]

When I add your media queries to my project code, all the tests pass.

If your media queries seem to work in the preview pane, then I guess you’ve remembered to link your stylesheet?

<link rel="stylesheet" href="styles.css">

If so, then maybe it’s a browser problem.

Try turning off any extensions - ad blockers, dark theme etc.
Or even try a different browser.

[Carbo]

KittyMac, thank you for your time.

I did link my CSS, but I had used Styling in the main file. I tried commenting out my Stylesheet link and that did the trick.

I did not realise it until you mentioned the Stylesheet, that maybe there is a conflict. Turns out, there was.

All in order now.

Thank you so much for helping.