Collapsing Blocks when using Flexbox Layout: Column

[alexanderwong]

Hey guys, this issue has been bugging me for awhile, whenever I use Column Flexbox Layout. The structure of the site renders correctly on desktop browsers, even on mobile simulators. But when it’s loaded on the actual iPhone 6 browser, say Chrome or Safari, the whole things collapses. Please see the screenies and you’ll know what I mean.

Is this a bug on the mobile browser or what?

On simulators and desktop browsers, no issue.

On actual iPhone device browser

[Cricitem (webTAC | Technology Apprenticeship Center)]

It loads correctly on Android (Chrome), so I’m going to guess it’s an iOS thing.

[alexanderwong]

Ain’t it a bitch on iOS. I kept receiving complaints from my developers and clients about this, and the only solution was to NOT use Column Layout at all.