Grid Layout in CSS

Libro corto y denso de Eric A. Meyer, veterano de los estándares web y antiguo miembro del CSS Working Group del W3C, que explica el módulo CSS Grid Layout justo antes de que llegara a los navegadores principales en 2017. Es un extracto de la cuarta edición de CSS: The Definitive Guide, por lo que tiene su rigor y su estilo de referencia. Está pensado para quienes ya manejan CSS y quieren entender a fondo el primer sistema de maquetación bidimensional real del lenguaje.

Recorre la terminología de Grid (líneas, celdas, pistas, áreas) y la diferencia entre un contenedor de grid y un contenedor de bloque, así como grids anidados e inline. Explica cómo definir columnas y filas con grid-template-columns y grid-template-rows, la unidad fr, repeat(), minmax() y las áreas con nombre de grid-template-areas; cómo colocar elementos sobre líneas o áreas; el grid implícito y el flujo automático (grid-auto-flow); los espacios entre pistas (gutters) y la alineación de los elementos y del grid completo.

No incluye proyectos ni ejercicios: es una explicación conceptual con muchos ejemplos de código y figuras. Su valor está en la precisión con la que describe cómo funciona Grid, independientemente del orden del HTML. Al ser de 2016, no cubre subgrid ni algunas propiedades renombradas después (por ejemplo, grid-gap pasó a gap), así que conviene contrastar la sintaxis con la documentación actual de MDN.