CSS GRID - максимальное количество столбцов без медиа -запросов ⇐ Html

[Anonymous]

Можно ли определить сетку с максимальным количеством столбцов, но позволяйте элементам обертываться на новые строки при изменении ширины экрана? /> css: < /p>
.flex-container {
display: flex;
flex-wrap: wrap;
}
< /code>
Другой метод состоит в том, чтобы использовать сетку: < /p>
.grid {
display: grid;
counter-reset: grid-items;
position: relative;
}

.grid--auto-fit {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
< /code>
Я хочу довольно общее решение для этого. Чего я хочу добиться возможного без JavaScript или Media запросов?


Подробнее здесь: https://stackoverflow.com/questions/552 ... ia-queries