Usando el layout como el de Pinterest con CSS Grid ¿Como hacerlo si el contenido es dinamico?

Pregunta de la clase:
Ivan Robles

Ivan Robles

Pregunta
studenthace 7 años

Suponiendo en este caso que se trata de la Lista de Carreras y Cursos de Platzi, donde cada Carrera tiene N cantidad de Cursos.

Es para una tarea 😉

1 respuestas
para escribir tu comentario
    Diego Forero

    Diego Forero

    Team Platzihace 7 años

    Puedes hacer que el backend calcule el alto y enviarlo al frontend para definir que clase usar, es algo complejo aun para hacer con solo css grid pero es la mejor forma que se me ocurre, por ejemplo si sabes que la carrera tiene 10 cursos esos ya tienen un alto definido lo calculas y envías ese valor.

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.