Al igual que las tablas, el grid layout permite a un autor alinear elementos en columnas y filas. Sin embargo, son posibles más diseños o más sencillos con CSS grid que como lo eran con las tablas. Por ejemplo, los elementos secundarios de un contenedor de cuadrícula podrían posicionarse de manera que se solapen y se superpongan, similar a los elementos posicionados en CSS.
Destaca por dividir una página en regiones principales, o definir la relación en términos de tamaño, posición y capas entre partes de un control construido a partir de primitivas HTML.
Las propiedades son las siguientes:
| grid-template-rows | grid-template-areas | grid |
| grid-template-columns | grid-gap |