How to justify-content with flexbox

#css #flexbox

justify-content puede usar alguno de los diferentes atributos:

flex-start
Alinea elementos al lado izquierdo del contenedor.
flex-end
Alinea elementos al lado derecho del contenedor.
center
Alinea elementos en el centro del contenedor.
space-between
Muestra elementos con la misma distancia entre ellos.
space-around
Muestra elementos con la misma separación alrededor de ellos.

justify-content has diff attributes:

flex-start
Items align to the left side of the container.
flex-end
Items align to the right side of the container.
center
Items align at the center of the container.
space-between
Items display with equal spacing between them.
space-around
Items display with equal spacing around them.