Consulta; ¿cual es la diferencia de usar en justify o align el self, items o content?

Juan Vilchez Huarcaya

Juan Vilchez Huarcaya

Pregunta
studenthace 5 años

Consulta; ¿cual es la diferencia de usar en justify o align el self, items o content?

2 respuestas
para escribir tu comentario
    Jesus Federico David Herrera

    Jesus Federico David Herrera

    studenthace 5 años

    Buenas basicamente para que entiendas.

    • justify-content: alineacion horizontal con mas de una linea
    • justify-items alineacion horizontal con una sola linea Estas dos propiedades se aplican al padre

    Esta propiedad se aplica al algun elemento hijo y solo permitiria alinear el elemento que lo tengo.

    • justify-self: alineacion horizontal con mas de una linea

    Ejemplo

    .divPadre:{ display:flex; justify-content:center; // Esto alinea todos los hijos al centro } divHijo { justify-self: flex-end; // Esto alinea unicamente a este elemento al final. }

    De esta manera se aplica para la alineacion vertical.

    Sneyder Alfonso Barreto Buitrago

    Sneyder Alfonso Barreto Buitrago

    studenthace 5 años

    ¡Hola! Te recomiendo estas dos guías en donde te explican a profundidad el tema de posicinamiento tanto en Flexbox como en Grid y sus respectivas propiedades:

    1. Box alignment in Flexbox
    2. Box alignment in grid layout

    Un saludo.

Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.

Curso de Responsive Design: Maquetación Mobile First
Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.