Как можно строить адаптивность с помощью Flexbox и Grid? В чём их функциональное отличие?

Flexbox удобен для распределения элементов вдоль одной основной оси, Grid — для согласованной двумерной сетки строк и столбцов. Оба подходят для адаптивной вёрстки.

Во Flexbox используют flex-wrap, grow/shrink и ограничения размеров; в Grid — minmax, auto-fit/auto-fill и разные шаблоны колонок. Перенос Flexbox не синхронизирует колонки между строками так, как Grid. Media/container queries дополняют оба подхода, а выбор зависит от связей элементов, не от размера экрана самого по себе.