Какие задачи решает Grid, которые сложно реализовать на Flexbox?

Примеры задач для Grid:

1. Сложные сетки:

   .container {
     display: grid;
     grid-template-columns: 1fr 2fr 1fr;
     grid-template-rows: 100px auto;
   }

2. Перекрытие элементов:

   .item1 { grid-area: 1 / 1 / 2 / 3; }
   .item2 { grid-area: 1 / 2 / 2 / 4; }

3. Асимметричные макеты:

   grid-template-areas:
     "header header header"
     "sidebar main main";

Где Flexbox лучше:

• Одномерные контейнеры (например, навигация).

• Выравнивание элементов внутри контейнера.

Вывод:
Grid — для сложных сеток, Flexbox — для линейных сеток.