Всем доброго времени суток.
Изучая CSS Grid, столкнулся с одной проблемой.
Для автоматического переноса в зависимости от заданной ширины внутренних блоков использовал функцию для контейнера.
grid-template-columns: repeat(auto-fit,minmax(300px, 1fr) )
Однако, при объединении ячеек функцией grid-area ячейки перестали переноситься.
Таблица при максимальной ширине в 1280px, имеет структуру
1 2 3 4
5 6 7 8
9 10 11 12
13 14 15 16
Задача grid-area объединить 11,12,15,16 и 13,14 ячейки в одну.
Может быть есть альтернативы, как в html таблицах rowspan и colspan?