CSS GRID Создайте новые строки для каждого столбца динамически при необходимости ⇐ CSS

[Anonymous]

Я работаю над отзывчивым макетом, на более крупных экранах он будет иметь макет 3x3. 1 -й столбец будет заполнен в первую очередь. Как только в первом столбце будет 3 элемента, 2 -й столбец начнет заполняться. И когда в первых 2 столбцах будет 6 элементов, 3 -й столбец начнет заполняться. Таким образом, до 9 предметов они будут заполнены в этой логике.
, но если будет более 9 элементов, они создадут дополнительные строки. Ниже изображение представляет собой хорошее представление о том, что я пытаюсь создать

Я пробовал оба Grid-auto-flow: row и grid-aut-aut-worly. Пожалуйста, дайте мне представление о том, как это можно реализовать, если возможно. Если не какой альтернативный способ сделать это?

Подробнее здесь: https://stackoverflow.com/questions/796 ... -if-needed