I only have one ios device, and my portfolio isn’t aligned correctly on it. Everything else is fine. just this iphone. It happens in chrome and safari.
How do I trouble shoot it to find out which css rules are causing an issue? Its really inconvenient to push to github pages just to try out a guess fix that hasn’t worked.
Not sure how you would find the problem. Maybe using some kind of CSS reset will work (Though that would mean pushing to gh-pages to probably find out that this doesn’t work )?
I have normalize linked. I’m not certain it is the css now as its 2 browsers on the iphone, but its fine on everything else I have seen it on.
maybe flexbox inside flexbox inside home made slider inside home made tabs is just asking too much and this is what I get for saying you don’t need Bootstrap!
This is seriously awesome, I can now have my tablet as preview, so I don’t have to fit multiple windows on my laptop screen. And I can also directly see how it looks on mobile.
Google Chrome: Ctrl+Shift+I (Developer Tools) > Ctrl+Shift+M (Toggle Device Toolbar) > Select iPhone from dropdown > Make changes to your code until its fixed.
Thanks for the tip, unfortunately my issue doesn’t show up that way. I think the device views in browsers only really show how the website looks like at that size, they don’t emulate the device OS or it’s browser