How to justify-content with flexbox

juanvqz

Juan Vasquez

Posted on October 11, 2019

How to justify-content with 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.

💖 💪 🙅 🚩
juanvqz
Juan Vasquez

Posted on October 11, 2019

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related