Когда использовать флексы, а когда гриды?

Сеткой или раскладкой обычно называют взаимное расположение крупных визуальных блоков на странице.

Можно мысленно разделить макет на не пересекающиеся друг с другом прямоугольники. Сначала вы получите самые крупные области, потом эти крупные области можно разделить на области поменьше, и так далее до мельчайших прямоугольников, которые выделяют отдельные слова или элементы страницы.

Вся страница станет выглядеть как набор вложенных в друг друга прямоугольников, от самых крупных до самых мелких.

О том, что делать дальше, читайте в статье в «Доктайпе».

👉️️️️ https://htmlacademy.ru/blog/css/flexbox-vs-grid