Задать вопрос

Как работает CSS GRID?

Есть ячейки grid.
grid: repeat(auto-fill, minmax(44px, 1fr))/repeat(auto-fit, minmax(44px, 1fr));

5d5e84093cfab516056015.png
В них одна ячейка растянута, все хорошо.
grid-column-end: span 5;
    grid-row-end: span 3;

5d5e8468742d2447062942.png
Но если мы эту ячейку растянем на максимальное кол-во ячеек по ширине, то они сжимаются, хотя у них установлен минимальный размер, не пойму как это работает.
5d5e84d2d6137717305358.png
5d5e84ed30f7d968742562.png

Цель вопроса, как сделать так, что бы ячейки не сжимались
  • Вопрос задан
  • 1278 просмотров
Подписаться 3 Средний 4 комментария
Решения вопроса 1
Цель вопроса, как сделать так, что бы ячейки не сжимались

UPD: Нужно задать высоту строк, добавляемых автоматически через grid-auto-rows

Результат:
https://codepen.io/hisbvdis/pen/RwbpPbj
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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