Justify Content

La propiedad CSS justify-content define cómo el navegador distribuye el espacio entre y alrededor de los hijos, a lo largo del eje principal de su contenedor.

Valores

flex-start: Los hijos se colocan comenzando desde el comienzo principal.

flex-end
Los hijos se colocan comenzando desde el final principal.

center
Los items flex son colocados hacia el centro de la línea.

space-between
Los items flex se distribuyen uniformemente sobre la línea.

space-around
Los items flex se distribuyen uniformemente sobre la línea.

La diferencia entre estos dos es el espacio inicial y final
NOTA:SI CAMBIAS FLEX-DIRECTION A COLUMN NO SE VE DIFERENCIA