CSS Grid — это двумерная система раскладки, когда нужно контролировать и строки, и колонки одновременно. Задаёшь display: grid, определяешь колонки через grid-template-columns (например, repeat(3, 1fr)), строки через grid-template-rows. Элементы можно размещать в конкретные ячейки через grid-column/grid-row. Grid идеален для общей структуры страницы, дашбордов, галерей. Flexbox — для компонентов в одном направлении, Grid — для двумерных лейаутов.