CSS Grid permite colocar elementos de una página en filas y columnas. Es como una bandeja con compartimentos: cada elemento puede ocupar un espacio elegido y la disposición se adapta a la pantalla.
Una galería puede mostrar tres tarjetas por fila en una pantalla ancha y menos en un móvil estrecho. Grid permite describir esas filas y columnas sin posicionar cada tarjeta manualmente.
Úsalo cuando el diseño necesite dos direcciones a la vez. Para una fila sencilla de botones o una pila vertical, una disposición más básica puede ser más fácil de gestionar.