Как в grid сделать что бы ячейки заполняли всю ширину?

Question

[Капитан Какао]

Есть родитель в котором лежит некоторое количество дивов которые должны делить между собой всё пространство.
Не важно 2 дочерних дива или 10, они всегда заполняют собой родителя.
Смотреть пример - https://jsfiddle.net/861bogtu/

Как мне сделать тоже самое на гридах?
Я пишу grid-template-columns: 1fr 1fr 1fr; и тогда в ряду будет только 3 плитки, что бы добавить 4, 5 и так далее, нужно дописывать 1fr для каждой плитки. Но если я не знаю сколько их будет.
Смотреть пример - https://jsfiddle.net/g7yn82hq/

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/DelphinPRO/kLa2ovtx/

Comments

[Капитан Какао]

Оно, спасибо!)