Как задать grid разметку, чтобы первый элемент был фиксированный, а остальные(неопределенное кол-во) занимали 1fr?

Question

[Vann Damm]

Мне нужно чтобы первый элемент , например title , имел фиксированную величину, а все элементы которые идут после его(их может быть 20 или 100) занимали место от доступного пространства (1fr). Или этого можно добиться только оборачивая все элементы после title в div , и задать таким образом свойства: grid-template: 100px 1fr / 1fr ?

Comments

[Вадим]

Если я всё верно понял, то почему не флекс? Как раз решает Ваш вопрос без лищних заморочек. Задаёте title фикс ширину, не делаете перенос и профит

[Ankhena]

Чтобы все остальные были одинакового размера

grid-template-columns: 100px repeat(auto-fit, minmax(1px, 1fr));

https://jsfiddle.net/c1ear2o4/

Если разному и должно определяться по содержимому, то можно заменить 1fr на max-content
https://jsfiddle.net/987hv4y1/
или min-content
https://jsfiddle.net/987hv4y1/1/