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

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)
{color: green;

@media only screen and (min-width: 900px) 
  { 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.

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.

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.

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