Chrome Device Tool not working?

Hello,
I teach a class using Glitch and I am having my students copy my demo I made in glitch into their own glitch projects. This specific demo is about @media queries and for some reason when they look in their Chrome dev tools and using the device toolbar, it doesn’t show the @media styles? But for my demo it works just fine:
https://glitch.com/edit/#!/ws-media-query-demo

For example, this is one of my student’s project (remix to protect privacy):
https://glitch.com/edit/#!/horse-melon-bathroom

Hi there @dearnaomichan - your student’s remix is missing a line that your original demo has in index.html that is required to set the proper viewport scale:

<meta name="viewport" content="width=device-width, initial-scale=1" />

If they add that back in, they should see the media query applied.

5 Likes