Screen starts to zoom out instead of squeezing together when in responsive mode?

I’m doing the media queries for this website and when I start to get lower than 986px the screen starts to zoom out instead of squishing together? I’ve outlined every element and can’t find any fixed elements colliding? Any ideas why this might be happening? https://spabsa.github.io/Chapman-Automotive-Skills-Assessment/

You seem to be missing

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

in the <head> section.

1 Like

I notice you’ve asked this question and I’ve given this answer before.

For more information, see

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

If there’s something you don’t understand, feel free to ask here.

1 Like

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