Test suite CodePen pass, browser fail

Codepen: https://codepen.io/troy_b16/pen/VwrpvmV

When I run the test suite on my browser it says I don’t have any media queries and I’m not using flexbox but if you look at my code you can see I am definitely using flexbox, I’m new to media queries so maybe I’m not doing something right there but in Codepen it passes 16/16 but fails 14/16 on my browser, does anyone know why this is happening?

Any and all help or suggestions would be greatly appreciated!

Try to reload page… you have 16/16 for me

Hmmm that’s weird… on codepen it says 16/16 but in my browser it only says 14/16. Tis confusion :face_with_spiral_eyes:

Okay so I was digging through other posts and found the solution plus an amazing VS Code extension in the process and you should all get it if you don’t, it’s a live server that updates your code on your browser the second you save it in VS Code so you don’t have to reload the page every time you want to see changes you’ve made.


@lasjorg said:

Jun '21

You have to serve the page locally. You can use the Live Server extension (or there is Five Server which is more maintained).

Edit: Some more information. It’s just a limitation of the tests when running locally. I’m pretty sure we used to have information about this when the project section had its own page. But it just has a block section now so it’s missing the information. At least that is how I remember it.