Всем приветы, подскажите как это сделать. Я еще сетку не доконца освоил и много не понимаю.
В общем надо сделать так, что если в сетке в последней строке элементов меньше, чем положено, чтобы они растягивались и занимали свободное пространоство. Нужен аналог в общем какой-то аналог flex-grow для сетки.
Вам поможет наименьшее общее кратное. Считаете и делаете нужное количество грид-линий. Потом задаете grid-column на нужное количество линий.
Можно на js, можно попробовать нагородить на css через :nth-child и :not
Была похожая история. В блоке было по 2 элемента в строке. Если элементов нечётное количество, то нужно растянуть последний на всю ширину блока.
Решил так:
Если в цикле нечётное количество элементов, то добавить к последнему класс "full-row".
Смотрите.
Пусть у нас сетка в три колонки.
В конце остались две. Получается две ячейки должны занять место по полтора столбика.
Но это невозможно, так как распределение идет строго по линиям.