Grid Layout

2017 – Bizkaia Enpresa Digitala

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.

  • Introducción
  • Diferencias con Flexbox
  • Conceptos clave (Container, item, line, track, cell, area…)
  • Grid Layout Responsive.
  • Propiedades y módulos (espaciado, alineación, distribución).
  • @supports: compatibilidad con navegadores
Ir arriba