CSS Grid
Современная модель раскладки CSS для двумерной вёрстки — строки и столбцы одновременно.
Работает сразу и по горизонтали, и по вертикали, в отличие от Flexbox (одномерного). Пример: display: grid; grid-template-columns: 1fr 2fr;. Дополняет Flexbox, а не заменяет его: крупные макеты — на Grid, небольшие компоненты — на Flexbox.