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

Есть ячейки grid.

grid: repeat(auto-fill, minmax(44px, 1fr))/repeat(auto-fit, minmax(44px, 1fr));

В них одна ячейка растянута, все хорошо.

grid-column-end: span 5;
    grid-row-end: span 3;

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



Цель вопроса, как сделать так, что бы ячейки не сжимались