Responsive design stops shrinking below 980px

HTML & CSS
1

Why does my website start to zoom out instead of squish together when the screen width starts to get lower than 980px?

Hey friends I’m doing the media queries for my website and I noticed once the screen width reaches 980px the elements stop shrinking and the view starts to zoom out? What’s even weirder is that this doesn’t happen in JS Fiddle, so you won’t even be able to see what I’m talking about. Here’s a look at what it should look like on fiddle https://imgur.com/a/9CST32H and here it is on my editor https://imgur.com/a/Xcl8tf1 I’ve never seen this before, any ideas?

https://jsfiddle.net/Lpg95c7j/

2

Have you remembered to include this in the <head> of the page?

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

3 Likes
3

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