Как иметь динамические строки при использовании столбца Grid-auto-flow:? ⇐ CSS

[Anonymous]

Похоже, он просто не до конца понимает механику CSS-сетки. Итак, я здесь:


ul{
display: grid;
grid-auto-flow: column;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
max-width: 888px;
margin: 0 auto;
}

• Aziende agricole
• Dove mangiare
• Dove dormire
• Botteghe
• La Molonara
• I Stròdi
• La Tèra crèa
• Eventi
• Didattica
• Contatti

Как видите, это работает, но, видимо, мне нужно определить фиксированное количество строк. А если у меня будет больше элементов, вместо другой строки будет создан другой столбец.
Есть ли способ решить проблему, кроме использования Grid-auto-flow: row? Я использую столбец, потому что мне нужно распределение элементов, например:
Aziende agricole
Dove mangiare
Dove dormire

И нет
Aziende agricole Dove mangiare Dove dormire


Подробнее здесь: https://stackoverflow.com/questions/792 ... low-column