Как растянуть элементы grid не влезающие в колонки на оставшуюся ширину?

Question

[DZHAMBUALT]

У меня есть 4 ячейки и они расположены в одном ряду


Мне нужно добиться вот такого эффекта, чтобы ячейки занимали автоматически оставшуюся ширину строки

1


2


С картинкой 2 все понятно, но с картинкой 1 при написании grid-template-columns: reapeat(3, 1fr) 4 ячейка не занимает оставшуюся ширину и получается это


Как добиться этого эффекта с учетом того что у меня могут быть n количество слайдов в строке и если ячейки не помещаются то они занимали оставшуюся ширину на следующем столбце строки

Comments

[Ankhena]

На основе этого https://css-live.ru/articles/resheno-s-pomoshhyu-c...
и, при необходимости :has