CampusMVP: Centrando y distribuyendo elementos con flexbox

Centrado de un elemento en otro

Bloque sin centrar
justify-content: center;
align-items: center;
justify-content: center;
align-items: center;

Distribución de varios ítems de bloque

justify-content: center;

Bloque 1
Bloque 2
Bloque 3

justify-content: space-evenly;

Bloque 1
Bloque 2
Bloque 3

flex-direction: column;

Bloque 1
Bloque 2
Bloque 3

Distribución de varios ítems en línea

align-items: center; Nobis reprehenderit est et et. Rerum est ratione est accusamus dolores aliquid odio distinctio. Et perspiciatis alias quod omnis facilis. Totam ipsa illo aspernatur ipsum similique qui assumenda incidunt.
align-items: baseline; Nobis reprehenderit est et et. Rerum est ratione est accusamus dolores aliquid odio distinctio. Et perspiciatis alias quod omnis facilis. Totam ipsa illo aspernatur ipsum similique qui assumenda incidunt.