O justify-content formata o eixo principal


flex-flow: row nowrap;
justify-content: flex-start;
Item A
Item B
Item C

flex-flow: row-reverse nowrap;
justify-content: flex-start;
Item A
Item B
Item C

justify-content: flex-end;
Item A
Item B
Item C

justify-content: center;
Item A
Item B
Item C

justify-content: space-between;
Item A
Item B
Item C

justify-content: space-around;
Item A
Item B
Item C

justify-content: space-evenly;
Item A
Item B
Item C

O align-items formata o eixo transversal


justify-content: space-evenly;
align-items: stretch
Item A
Item B
Item C

justify-content: space-evenly;
align-items: flex-start
Item A
Item B
Item C

justify-content: space-evenly;
align-items: flex-end
Item A
Item B
Item C

justify-content: space-evenly;
align-items: center
Item A
Item B
Item C