У меня есть 4 ячейки и они расположены в одном ряду
Мне нужно добиться вот такого эффекта, чтобы ячейки занимали автоматически оставшуюся ширину строки
1
2
С картинкой 2 все понятно, но с картинкой 1 при написании grid-template-columns: reapeat(3, 1fr) 4 ячейка не занимает оставшуюся ширину и получается это
Как добиться этого эффекта с учетом того что у меня могут быть n количество слайдов в строке и если ячейки не помещаются то они занимали оставшуюся ширину на следующем столбце строки