My website is not displaying the way I want it on Chrome but displays well on edge

I designed the website using html, css and js. On chrome & Mozilla the contents are looking too big and closer to the screen border compared to how the site looks on edge. I've attached screenshots of how the site looks on both browsers.

When I zoom out on chrome to 90%,80% the content looks just the way I want it.

Can anyone help please.
Do let me know if you need me to explain further.