Chrome Dev Tools Mobile Sizing Issue (edit: fixed)


I’m just starting the second HTML course and trying to work on media queries. I went to Dev Tools on Chrome and I’m running into issues with the content shrinking when I shrink the size of the device. I made sure to view at 100% each time.

The screen shot is in responsive mode, but the same thing is happening when I switch to another device. I deleted all my code and started from scratch and the same thing is still happening.

Anyone have an idea on what’s going on?


Hello @nickfp17 ,

I can not see what is in the head of the html file, but can you confirm if you are using
<meta name="viewport" content="width=device-width, initial-scale=1.0">.

If not then you will need to add it. You can read more what it’s purpose is in the link below.

Thank you SO much! That fixed it.