Можно ли одновременно использовать flexbox и grid на одной странице?
Можно и нужно. Grid создали не для того, чтобы заменить Flex. Это 2 разных метода построения лейаута, если грубо:
- Grid = 2D (расположение элементов по 2м осям одновременно, по горизонтали и по вертикали)
- Flex = 1D (расположение элементов только по 1й оси, горизонтали или вертикали)
Еще грубее - flex хорош для "инлайна", выравнивая элементов в одной строке или колонке, как правило это конкретно контент-элементы, а grid - хорош для контейнеров и более общих элементов (карточек и тд). То есть, гридом задали общую структуру и лейаут, флексами внутри блоков расставили контент-элементы.
А кто мешает-то?))
Единственная проблема - IE не поддерживают гриды, потому если среди аудитории вашего сайта есть редкостные извращенцы - они могут видеть страницу неправильно)