It seems the display: grid doesn’t work with iOS devices (it doesn’t recognize it). Anyone have a suggestion?
I’ve attached screenshots.
According to canIuse it is supported in iOS Safari 10.3 and on. But not supported in 10.2 and before.
Don’t use grid if you need to support older browsers.
Surely you are just going to linearise it for smaller screens anyway?
I don’t see much use for grid on a mobile so just put in a media query and set the elements to display:block or similar and style accordingly.
Flex has much better support than grid so maybe report to a flex layout if you are trying something complicated.
1 Like
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.