Cual es la diferencia entre justify-content y justify-items ???

Pregunta de la clase:
Mónica Sánchez Santos

Mónica Sánchez Santos

Pregunta
studenthace 6 años

Cual es la diferencia entre justify-content y justify-items ???

2 respuestas
para escribir tu comentario
    Laura Rodriguez

    Laura Rodriguez

    studenthace 6 años

    Grid-container mueve todos los items de tu grida dentro de la pantalla como conjunto. Grid-items lo usas para alinear un elemento de manera independiente a como esta alineada al grida en general. En este link esta el ejemplo con video para que te quede bien clarito porque uno tiende a confundirse debido a que para ambos aplican las mismas propiedades: start, end, center, stretch, space-around, space-between, space-evenly. https://lenguajecss.com/p/css/propiedades/grid-css

    Juan Pablo Cuenca Ludeña

    Juan Pablo Cuenca Ludeña

    studenthace 6 años

    justify-content alinea todo el grid container mientras que justify-items alinea cada celda o área dentro del grid container.

    También tenía esa duda, en este link de la W3 explican de forma visual (aunque está en inglés). CSS ALIGN W3

Curso de CSS Grid Layout 2017

Curso de CSS Grid Layout 2017

El módulo CSS Grid Layout nos permite generar distribuciones del contenido en nuestros sitios web de forma eficiente. Controla esta estructura bidimensional de filas y columnas con propiedades de CSS. Crea layouts increíbles de manera fácil, rápida y sin repetir código.

Curso de CSS Grid Layout 2017
Curso de CSS Grid Layout 2017

Curso de CSS Grid Layout 2017

El módulo CSS Grid Layout nos permite generar distribuciones del contenido en nuestros sitios web de forma eficiente. Controla esta estructura bidimensional de filas y columnas con propiedades de CSS. Crea layouts increíbles de manera fácil, rápida y sin repetir código.