Descrição auxiliar

Flex Box

Display Normal

1

2

3

display: flex;

1

2

3

flex-direction: row;

1

2

3

flex-direction: row-reverse;

1

2

3

flex-wrap: nowrap;

1

2

3

flex-wrap: wrap;

1

2

3

justify-content: flex-start;

1

2

3

justify-content: flex-end;

1

2

3

justify-content: center;

1

2

3

justify-content: space-around;

1

2

3

justify-content: space-between;

1

2

3