To clarify iOS6 safari and all major mobile browsers use the legacy flexbox syntax. If you want to use the technique of small desktop contexts then use new flexbox, otherwise use the legacy syntax alongside new flexbox to ensure you cover all bases.
I should further clarify - my documented approach is for re-arranging layouts for small viewports in responsive web design so flexbox only kicks in for narrow widths.
The approach the author demonstrates is for using flexbox in general.
The approach the author demonstrates is for using flexbox in general.