2 replies [Last post]
talos53
talos53's picture
Offline
newbie
UK
Last seen: 4 years 32 weeks ago
UK
Joined: 2015-03-06
Posts: 2
Points: 3

With a flexbox setup such as, for example: http://www.aalife.com/

if you progressively shrink your browser window, (or view with a small mobile device) the flex items rearrange themselves thus:

top: header
below that: main
below that: aside 1
below that: aside 2
below that: footer

What I want is the following order:
top: header
below that: aside 1
below that: main
below that: aside 2
below that: footer

Can anyone tell me how to achieve this? I tried to achieve it using the css order property under @media properties, but that didn't work.

Many thanks,
T

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 5 days 22 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

HI talos53, It looks like it

HI talos53,
It looks like it might be from  flex-flow: row wrap; on #wrapper

talos53
talos53's picture
Offline
newbie
UK
Last seen: 4 years 32 weeks ago
UK
Joined: 2015-03-06
Posts: 2
Points: 3

I'm not so sure - but thanks

I'm not so sure - but thanks for the reply, anyway.

~T