Hello, I have encountered an issue in my new game-website I built using vanilla js. I arranged my website to work with mobile using the @media tag in css and everything worked fine in chrome dev tools.
After running my website on netlify I noticed that the original desktop version looks great and reacts like I wanted it to be, but the mobile version was the complete opposite, Some of the elements have changed font and color, when typing in some text in the input, the screen starts to move up and down. Most importantly my grid element was completely off from where it was supposed to be.
I honestly don’t understand why my page would look any different than what it was intended to look like in chrome and therefore I really need some help.
Here is an example of what I was talking about:
Comparison between mobile and chrome dev tools mobile
Which doesn’t mean that it’s not happening for you, just that it isn’t a consistent issue and you’ll need to keep investigating, check your phone settings, get your own BrowserStack account to do comparisons etc.
It’s not a Netlify issue though, so you’ll probably need to seek help in a community dedicated to general web development, like StackOverflow, or a game developer community.