Webpage Zoom


I made a website for my school project but there is one problem here: Every time when I zoom out the page looks smaller and the width of the background picture increases. The footer becomes invisible. Can anyone tell me how to fix this problem please? Thank you!
This is the normal page when I don’t use the zoom in or out.

And this is how it looks like when I zoom out.

Zooming in and out of a webpage is bound to yield results such as yours. If you are trying to check responsiveness, you need to check it out in the web development tools of your browser. Although I would like to know what exactly are you trying to achieve by zooming in and out, because in reality, rarely any client-side functionality will have anything to do with it.

For example, I’m trying make the vision of a webpage like this above. This is when I zoomed out.