Media query not detected when running from Visual Studio Code


I just finished the Technical Documentation Page project, but there seems to be an issue in my environment.

This is the Pen:
Running tests, I get 16 of 16 passed. :slight_smile:

When I run the exact same code (copy & paste) from my Visual Studio Code application, I get the error pasted below.

Is there something additional I have to do to make it work from Visual Studio Code?

Thank you,
Corina. :slight_smile:

2. My Technical Documentation page should use at least one media query.
No media queries detected : expected false to be true
AssertionError: No media queries detected : expected false to be true
    at o.<anonymous> (
    at o.e (
    at Reflect.get (<anonymous>)
    at Object.e [as get] (
    at Function.a.isTrue (
    at a.<anonymous> (
    at (
    at r.Qg.runTest (


it might be just wrong link to the css file.
<link rel="stylesheet" href="styles.css"> this is the link form your pen, so do you have your css file in the same folder as the hmtl file and do you use the same name? Or are you using the style tag in the html instead?
Feel free to share the part of the hml file which adds the css to the project when you are running it in the VS code (and also the folder structure) so we can help you better.

When running the tests locally you have to serve the page and not just open it in the browser otherwise the two tests (flex and media query) will fail.
You can use any local dev server you like or a VS Code extension (e.g. Five server).

Hi. Thanks for replying. The css file is in the same folder.

Hi Roma, I appreciate the reply. I guess in that sense I will leave it for now. Thank you very much.

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