This whole container is basically wrapped inside [layout=column] directive.

[flex=20]
[flex=20]
[flex=20]
[flex=20]
[flex=20]
[flex=50]
[flex=50]
[flex=80]
[flex=20]
[flex=33]
[flex=33]
[flex=33]

Mobile Layout

I'm right on larger devices and left on mobile devices. Using [flex-order=2] directive.
I'm left on larger devices and right on mobile devices. Using [flex-order=1] directive.

Offsetting boxes

[flex=50]. 30% Offset by left.
[flex=33]
[flex=30]
[flex=30]

Random Pinterest Like Grid Lists