Как выбрать, что использовать — Flexbox или Grid? В чём между ними разница?

Flexbox удобен для одной основной оси и распределения элементов внутри строки или колонки; Grid — для согласованной двумерной сетки.

Flex-wrap умеет создавать несколько строк, но они не образуют общие колонковые треки как Grid. Системы можно сочетать: Grid для каркаса страницы, Flexbox для содержимого карточки. Выбор определяется зависимостями размеров и выравниванием, а не превосходством одного инструмента.