Как сделать аналогию на Гридах?

Question

[John Johnson]

Подскажите пожалуйста есть Пример как сделать аналогчное поведение на гридах ?

То есть на флексах сейчас поведение такое - дочерние эл-ты врапера расположены в один ряд и те что не умещаются падают на вторую строчку расширяя родителя по высоте.

Answer 1

[Рома Зварич]

Вместо grid-template-rows: 100px; нужно указать для Grid свойство grid-auto-rows: 100px;

Результат:
https://codepen.io/hisbvdis/pen/wvwQYRd?editors=1100

Comments

[John Johnson]

Спасибо

[Рома Зварич]

John Johnson, не за что. Добавьте к вопросу тег "CSS Grid". Вопрос же к этой теме относится.