QR Code

I have a small problem I'd like to ask your help with, because it seems like it happens on all the projects I'm working on. The development server's view that I get is not the same as when I make a live GitHub Page out of my solution. So I have to tinker around with the width.

Details: Leaving the card's width at 375px didn't make the text break like the way it is in the design. Changing it to 321px broke it correctly. However when I enabled the live page on GitHub, it was too narrow. Disabling the live page, changing the width to 350px, re-enabling the live page fixed the issue.

But how can it be that from VSCode's live server I'm getting a different view for the same width as compared with the GitHub Page? I used Brave to check the live GitHub Page and Chrome as the live server.

I also noticed that some of my uploaded designs look different when on GitHub as opposed to how I'm seeing it while developing. Do I really have to disable live page, make the adjustment blindly, enable it again, and see if it's like the design, or is there a better way around this? Should I use something like Vercel or Netlify instead of GitHub? Did you encounter this issue yourself?

Why could this be?