NO BUG: Grid elements are collapsing in iOS Safari

Browser: Safari iOS
OS: iOS
URL: Projects – Elohely
Video: none

Grid system is not working in iOS. The elements are collapsing.

Here are the settings:

I also have problem with images as well. Most of the aspect ratio setted images are not working in iOS. Did somebody else have this issue?

Thank you,
Andrew

I could solve it. The problem was I used min-height: 100%, but height: 100% is working.
The image aspect ratio is also not a problem. I had problems with div backgrounds with no min-height value. I setted min-height: 300px and that solved the problem.

Thank you,
Andrew

1 Like

Hi Andrew,
Thanks so much for your report! I’m glad you have already found the cause of the problem.

Safari is, unfortunately, really “bitchy” about this (and some other) topics, unlike other mobile browsers. :smiley:

Best regards,
timmse