# Flexbox layout patterns.

Keep a simple dom structure. No wrapper for Flexbox.

## Holy Grail

header
main
aside

## Lay "Holy Grail" down on side.

header
main
aside

## One Column.

header
main
aside

## Grid space-between and psuedo trick makes nicely last row.

- 1
- 2
- 3

- 1
- 2
- 3
- 4

- 1
- 2
- 3
- 4
- 5

## Masonry

- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12

## Masonry (virtical)

- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12