¿Por qué puso en los "grid-row-end" del "level-1" "span 3" y no "span 1"?

Pregunta de la clase:
Layout Masonry (Pinterest)
Axel Enrique Galeed Gutierrez

Axel Enrique Galeed Gutierrez

Pregunta
studenthace 5 años

¿Por qué puso en los "grid-row-end" del "level-1" "span 3" y no "span 1"?

3 respuestas
para escribir tu comentario
    Joel Dominguez Merino

    Joel Dominguez Merino

    studenthace 5 años

    Es al total de Celdas que ocupara ese elemento en tu proyecto. grid5.jpg

    Alejandro Tangarife Rivas

    Alejandro Tangarife Rivas

    studenthace 5 años

    El span No significa (ocupar una columna, significa más algo así: span (no sé cuantos grids hay y en cuál estoy, entonces, ocupame los espacios que le indiques), algo así...

    span 3 // ocupame 3 columnas
    Jimmy Yoshio Yshiy Magñi

    Jimmy Yoshio Yshiy Magñi

    studenthace 5 años

    Porque si colocaba "span 1" hubiese sólo ocupado una fila. Recuerda que la primera imagen (level-1) ocupa las 3 filas imaginarias del grid.

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.