Direction

.flex-row
children 1
children 2
children 3
.flex-row-reverse
children 1
children 2
children 3
.flex-column
children 1
children 2
children 3
.flex-column-reverse
children 1
children 2
children 3

Justify content

.justify-content-start
children 1
children 2
children 3
.justify-content-end
children 1
children 2
children 3
.justify-content-center
children 1
children 2
children 3
.justify-content-between
children 1
children 2
children 3
.justify-content-around
children 1
children 2
children 3
.justify-content-evenly
children 1
children 2
children 3

Align items

.align-items-start
children 1
children 2
children 3
.align-items-end
children 1
children 2
children 3
.align-items-center
children 1
children 2
children 3
.align-items-baseline
children 1
children 2
children 3
.align-items-stretch
children 1
children 2
children 3

Align self

children 1
.align-self-start
children 3
children 1
.align-self-end
children 3
children 1
.align-self-center
children 3
children 1
.align-self-baseline
children 3
children 1
.align-self-stretch
children 3

Fill, grow e shrink

Children 1

Children 2

Children 3

.flex-fill

Children 1

.flex-fill

Children 2

.flex-fill

Children 3

.flex-grow-1

Children 1

.flex-fill

Children 2

.flex-fill

Children 3

.flex-shrink-1

Children 1

.flex-fill

Children 2

.flex-fill

Children 3

Wrap

.flex-wrap
children 1
children 2
children 3
children 4
.flex-nowrap
children 1
children 2
children 3
children 4
.flex-wrap-reverse
children 1
children 2
children 3
children 4

Order

.order-3

children 1

.order-0

children 2

.order-9

children 3

.order-5

children 4

.order-1

children 5

.order-11

children 6

.order-4

children 7

.order-8

children 8

.order-2

children 9

.order-6

children 10

.order-12

children 11

.order-10

children 12

.order-7

children 13

Align content

.align-content-start flex-wrap
children 1
children 2
children 3
children 4
children 5
children 6
children 7
children 8
children 9
children 10
children 11
children 12
children 13
children 14
children 15
children 16
children 17
children 18
children 19
children 20
children 21
children 22
children 23
children 24
children 25
children 26
children 27
children 28
children 29
children 30
.align-content-end flex-wrap
children 1
children 2
children 3
children 4
children 5
children 6
children 7
children 8
children 9
children 10
children 11
children 12
children 13
children 14
children 15
children 16
children 17
children 18
children 19
children 20
children 21
children 22
children 23
children 24
children 25
children 26
children 27
children 28
children 29
children 30
.align-content-center flex-wrap
children 1
children 2
children 3
children 4
children 5
children 6
children 7
children 8
children 9
children 10
children 11
children 12
children 13
children 14
children 15
children 16
children 17
children 18
children 19
children 20
children 21
children 22
children 23
children 24
children 25
children 26
children 27
children 28
children 29
children 30
.align-content-around flex-wrap
children 1
children 2
children 3
children 4
children 5
children 6
children 7
children 8
children 9
children 10
children 11
children 12
children 13
children 14
children 15
children 16
children 17
children 18
children 19
children 20
children 21
children 22
children 23
children 24
children 25
children 26
children 27
children 28
children 29
children 30
.align-content-evenly flex-wrap
children 1
children 2
children 3
children 4
children 5
children 6
children 7
children 8
children 9
children 10
children 11
children 12
children 13
children 14
children 15
children 16
children 17
children 18
children 19
children 20
children 21
children 22
children 23
children 24
children 25
children 26
children 27
children 28
children 29
children 30
.align-content-stretch flex-wrap
children 1
children 2
children 3
children 4
children 5
children 6
children 7
children 8
children 9
children 10
children 11
children 12
children 13
children 14
children 15
children 16
children 17
children 18
children 19
children 20
children 21
children 22
children 23
children 24
children 25
children 26
children 27
children 28
children 29
children 30