React App deployed page looks different from localhost

Question

After working locally on my computer, I tried publishing my website for the first time using npm run deploy. When I go to the url, all the components are there but for some reason, they're larger in dimensions than what I saw on localhost.

Here's what it looks like locally:

Here's what it looks like on the deployed website:

Could someone explain what's going on here?

Answer 1

It looks like your localhost is zoomed out (and not the remote website). So it might explain why it looks a bit different on your localhost. Try reseting the zoom in Chrome it might solve your problem.