Как сделать в вёрстке гридами, чтобы элементы занимали определённое число колонок вне зависимости от позиции?

Question

[Илья]

У меня есть блок из 15 одинаковых элементов. Я сверстал его гридами в 5 колонок:

Я хочу добиться такого же эффекта, только с 20-ю колонками: grid-template-columns: repeat(20, 1fr);. Вручную ставить элементам grid-area не хочется. Может есть другой вариант? Например, какое-нибудь свойство grid-space для количества занимаемых колонок вне зависимости от позиции.

Песочница

Answer 1

[origami1024]

.grid__item{
  grid-column: span 3;
}

Comments

[Илья]

Если быть точным, в моём случае: span 4. Но суть ясна, спасибо.