I’m fairly new to html and css, currently trying out a responsive design for my webpage but on mobile view the user can zoom out and it shows the rest of the blank background to the right.

I’ve added this to my and I have a @media setup to change the sizes of some text and images.

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

The width of the page to be the same as the mobile resolution and also not allow the user to zoom out and see everything.