A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: initial; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: initial; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: initial; width: 50px; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: initial; width: 50px; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: auto; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: auto; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: auto; width: 50px; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: auto; width: 50px; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: none; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: none; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: none; width: 50px; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: none; width: 50px; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: 3; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: 3; ⤴

flex: 0
flex: 1
flex: 2
flex: 3
flex: 4
flex: 5

flex: 0 - 5; ⤴

flex: 0 - 5; ⤴

flex: 0
flex: 1
flex: 2
flex: 3
flex: 4
flex: 5

flex: 0 - 5; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: 3; width: 50px; ⤴

A
B B
C C C
D D D D
E E E E E
F F F F
G G G
H H
I

flex: 3; width: 50px;⤴

flex: 0
flex: 1
flex: 2
flex: 3
flex: 4
flex: 5

flex: 0 - 5; width: 50px; ⤴

flex: 0 - 5; width: 50px; ⤴

flex: 0
flex: 1
flex: 2
flex: 3
flex: 4
flex: 5

flex: 0 - 5; width: 50px; ⤴