Visual scale of site changes once deployed vs local

Support
,
1

Recently updated my personal portfolio site and deployed it through Netlify from git like I have in the past but for some reason the entire site appears to have decreased in scale. Same browser, same zoom, visually different results. I cant tell if this is just CSS causing issues or if something else entirely is going on.

The top half is the desired scaling and the bottom is how it looks currently deployed through Netlify.

RyanBuech.com Netlify Scaling
RyanBuech.com Netlify Scaling1920×2159 67.7 KB

I find it interesting that even the scroll bar has been decreased in width leading me to believe CSS is involved but I’ve been testing changes for quite some time now and am completely stumped.

Anyone have similar issues or know a solution?

The repo: GitHub - RyanBuech/ryanbuech.com
The Netlify deployment: https://ryanbuech2024.netlify.app/

2

Site looks fine to me. Are you sure you’ve not zoomed out in browser settings?

3

Like I mentioned same zoom, same browser and as you can see in the screenshot they appear different sizes.

4

Hi, @RyanBuech. I have tested the static site on a local dev server and compared it to the Netlify site. The two pages are identical.

This really does look like a zoom setting on your local system. Would you please test pressing control-0 (zero not O) in both browser windows (or cmd-0 if you are using MacOS) to reset the zoom settings?

If that does not work please make two HAR recording, one for the Netlify hosted site and one for the local dev site. If you share both HAR files here, we can research them to see what they reveal.