I’ve recently finished a site build but I am having a few problems with the display on my iPhone. There were issues in quite a few sections where the content seems to be overlapping into other sections’ content.
Before I posted here, I tried to find some answers myself looking through past forum posts. Most of these issues are a few years old and were related to flexbox, particularly people using flex-shrink on sections of content when they should have used flex-grow. Turns out I had flex-shrink on quite a few of my divs, so I switched them all to flex-grow, but the display problem persists.
Curious what I’m missing since otherwise, my page layout seems to be pretty simple. I’ll attach an image so you guys can see what’s happening on my end. For the record, I did check the same site on my girlfriend’s Galaxy phone and none of this weird stuff is happening. It seems to be a recurring issue with iPhones… hmm.
Here are a few screenshots of what I’m seeing:
Thanks in advance for any help you all can offer!