Как в grid layout количество столбцов привязать к количеству блоков?

Question

[Ankozar]

div.block1 {
div.block2
div.block.2
div.block2
....
}

Количество block2 каждый раз разное, в них только текст, но длина текста тоже разная. Нужно чтобы эти блоки равномерно заполняли grid-строку а текст, если он длиннее получившегося блока, переносился на следующу строку в этом блоке.
Вопрос: можно ли это решить с помощью css без js?

Comments

[Ankhena]

А можете объяснить, зачем вам для этого грид, а не флекс?
И что вы уже пробовали сделать?

[Ankozar]

Что пробовал??
Ну... Пытался найти свойство гриба, которое бы решило эту проблему. Соответственно, гуглил.

Грид я юзаю, т.к. считаю что он во много раз удобнее других технологий.
Я читал, что есть ситуации, для которых флекс удобнее. Но пока мне хватало гнида. Веб дев изучаю сам. Проблемы решаю по мере их поступления.

Если эта проблема решается флексами, буду юзать их. Объясните, пожалуйста.

[Ankozar]

Ankhena, вообще, не дождавшись ответа, я уже написал js-костыль. Скрипт получает длину массива и меняет grid-temp-col нужных блоков.

[Ankhena]

Ankozar, просто display:flex и flex-grow: 1 детям.
Гридами с помощью grid-auto-flow: column;

Ну и, конечно, проблемы начнутся, когда всё это не влезет в родителя. Но это в любом случае.