"Como eu centralizo uma div mesmo?" - Todo programador sênior
justify-content Alinha os itens flex ao longo do eixo principal.
justify-content: flex-start (default) | flex-end | center | space-between | space-around | space-evenly
align-items Alinha itens flex ao longo do eixo cruzado.
align-items: flex-start | flex-end | center | baseline | stretch (default)
flex-direction Define a direção do eixo principal.
flex-direction: row (default) | row-reverse | column | column-reverse
order Especifica a ordem de um item flex.
order: <integer> (... -1, 0 (default), 1, ...)
align-self Alinha um item flex ao longo do eixo cruzado, substituindo o valor de align-items.
align-self: flex-start | flex-end | center | baseline | stretch
flex-wrap Especifica se os itens flex são forçados em um linha única ou podem quebrar em múltiplas linhas.
flex-wrap: nowrap (default) | wrap | wrap-reverse
flex-flow Propriedade abreviada para flex-direction e flex-wrap.
flex-flow: <flex-direction> <flex-wrap>
align-content Alinha as linhas dentro de um container flex quando há espaço sobrando no eixo cruzado.
align-content: flex-start | flex-end | center | space-between | space-around | space-evenly | stretch (default)
...