Standard flexbox always remains next to one another.
A flex item
Another flex item, note unequal sized content
A third flex item
three div blocks inside div { display: flex }; each nested div item has div.sameSize { flex: 1; -webkit-flex:1 ; } flexflow is default row wrap, will resize to flexflow:columns for smartphone
Add flexflow column no wrap
A flex item
Another flex item, note unequal sized content
A third flex item
three div blocks inside div { display: flex }; each nested div item has div.sameSize { flex: 1; -webkit-flex:1 ; } with gutter
Add flexflow column-reverse no wrap, note third item is first now
A flex item
Another flex item, note unequal sized content
A third flex item
three div blocks inside div { display: flex }; each nested div item has div.sameSize { flex: 1; -webkit-flex:1 ; } with gutter