Grid Layout

¿Te interesa este curso?

¿Te sientes un poco perdido en esto del mundo online?

Estoy preparando algo muy interesante, que te ayudará a dominar el canal online.

Solo tienes que dejarme tu correo electrónico y te avisaré en cuanto esté disponible.

Me dejas tu correo.

Yo te aviso.

Será pronto.

PD: Además, te mando la presentación del curso por email.

8 horas

Desarrollo web

Presencial

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