Расскажи про Flexbox и CSS Grid — для чего используешь каждый из них в своей работе?

Flexbox подходит для выравнивания вдоль одной оси, Grid — для структуры с согласованными строками и колонками.

Например, панель кнопок удобно делать Flex, а макет страницы или карточную сетку — Grid. В ответе о практике добавьте конкретный пример и объясните, почему направление потока или общие колонки были важны.