Site layout is messed up when the site is zoomed in [closed]

I have a website with all dimensions defined in "vw" units. I thought using "vw" units is an easy way to make websites responsive.

When I zoom out the site in the browser, dimensions will not change and the layout stays correct. But when I zoom in, as soon as it changes from 100% to 110%, the layout is messed up.

What could possibly be the issue?