CSS/Formatting changed after Deploying on Netlify
Hi all,
So I've been working on a React site recently and after deploying it on Netlify to check non-local functionality, all of the CSS seems switched up. Everything is enlarged and not formatted correctly. When I view the local version while working on the code everything is formatted correctly and looks great.
I'll include screenshots of both the local version and netlify-hosted version and see what your thoughts are. If you want the Netlify URL, DM me, because you have to sign up and create an account to access the site and I don't want a bunch of random accounts created by people trying to troubleshoot 😰
Thanks!!
6 Replies
Pls check if the CSS is applied right in the browser’s inspect tool.
Everything seems fine when I check the inspect tool. Is there anything in particular I should be looking for if the CSS is not applied correctly? There are no console issues, and all CSS seems applied correctly
Also check your browser zoom level. You would not be the first person to have it zoomed out (or in) without realizing it 👀
and if nothing works, make sure you dont have something not compiling properly or still caching an older version
Great call out. For some reason whenever I pulled up the localhost it was at 33% view 🫢