Défaut
A
B
C
D
E
F
flex-direction:row-reverse
A
B
C
D
E
F
flex-direction:column
A
B
C
D
E
F
flex-direction:column-reverse
A
B
C
D
E
F
nowrap&
A
B
C
D
E
F
wrap
A
B
C
D
E
F
align-items:center
A
B
C
D
E
F
align-items:flex-start
A
B
C
D
E
F
align-items:flex-end
A
B
C
D
E
F
justify-content: center
A
B
C
D
E
F
justify-content: flex-start
A
B
C
D
E
F
justify-content: flex-end
A
B
C
D
E
F
justify-content: space-between
A
B
C
D
E
F
justify-content: space-around
A
B
C
D
E
F
justify-content: space-evenly
A
B
C
D
E
F
order
A
B
C
D
E
F
grow
A
B
C
D
E
F
shrink
A
B
C
D
E
F
grow
flex-grow: 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed rem quibusdam aspernatur nemo in iure nobis! Quos, soluta, impedit voluptate velit asperiores incidunt explicabo delectus perspiciatis sunt porro officiis iste.
flex-grow: 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum, dolores amet commodi facere incidunt exercitationem et a aliquid in ducimus totam aperiam omnis voluptatibus saepe voluptates esse delectus blanditiis soluta.
flex-grow: 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe, cumque nesciunt itaque laboriosam aperiam ipsam impedit eius. Perspiciatis, dolor numquam ea corporis labore aperiam illo maiores at maxime culpa atque?