Grid Layout es una especificación de la W3C para poder maquetar y colocar información dentro de nuestras páginas web. Gracias a este módulo, podemos estructurar nuestra web como una rejilla de x filas e y columnas, para después ir indicando dónde queremos colocar cada elemento dentro de ella.

Es un concepto diferente al de Flexbox, y de hecho se pueden combinar entre sí. Actualmente no está soportado en todas las versiones finales de los navegadores actuales, pero se espera que pueda estarlo pronto, por lo que este es el momento idóneo para aprender a utilizarlo.

Contenidos

Todo lo que aprenderás en este taller

  1. Introducción a Grid Layout
  2. Diferencias con Flexbox
  3. Conceptos clave (Container, item, line, track, cell, area…)
  4. Grid Layout Responsive
  5. Propiedades y módulos (espaciado, alineación, distribución).
  6. @supports: compatibilidad con navegadores

8 horas

2017

Presencial

Desarrollo web