Можно ли одновременно использовать flexbox и grid на одной странице?

Question

[doroshenko_magic]

Например, в тех моментах (элементах страницы), где не справляется флексбокс, то использовать гриды ?

Answer 1

[Игорь Воротнёв]

Можно и нужно. Grid создали не для того, чтобы заменить Flex. Это 2 разных метода построения лейаута, если грубо:

- Grid = 2D (расположение элементов по 2м осям одновременно, по горизонтали и по вертикали)
- Flex = 1D (расположение элементов только по 1й оси, горизонтали или вертикали)

Еще грубее - flex хорош для "инлайна", выравнивая элементов в одной строке или колонке, как правило это конкретно контент-элементы, а grid - хорош для контейнеров и более общих элементов (карточек и тд). То есть, гридом задали общую структуру и лейаут, флексами внутри блоков расставили контент-элементы.

Comments

[doroshenko_magic]

"То есть, гридом задали общую структуру и лейаут, флексами внутри блоков расставили контент-элементы."
В обратную сторону это тоже работает ? Флексбокс для лейаута, а гриды для блоков.

[Игорь Воротнёв]

doroshenko_magic, ну, технически можно, и даже будет работать, но это бред

Answer 2

[Александр]

Думаю они и созданы для того чтоб их использовать там, где не справляются остальные инструменты.

Answer 3

[SagePtr]

А кто мешает-то?))
Единственная проблема - IE не поддерживают гриды, потому если среди аудитории вашего сайта есть редкостные извращенцы - они могут видеть страницу неправильно)