Когда лучше использовать Flexbox, а когда CSS Grid?

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

Flex подходит для навигации, панели действий и выравнивания элементов строки. Grid — для общего макета или карточек с общими колонками. Их можно сочетать: сетка страницы на Grid, внутреннее расположение карточки на Flex.