@alexzlow

CSS Grid, как задать таблице с объединенными ячейками адаптивность?

Всем доброго времени суток.

Изучая 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?
  • Вопрос задан
  • 214 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы