Как адаптировать grid?

Question

[Михаил Размыслович]

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

display: grid
grid-template-columns: repeat(4, 33.2rem)
grid-template-rows: repeat(auto-fill, 22rem)

Comments

[Максим]

А вы во фракциях считайте

[Ankhena]

grid-template-columns: repeat(auto-fill, 33.2rem)
или auto-fit
или с minmax

grid-template-columns: repeat(auto-fill, minmax(33.2rem, 1fr))

Answer 1

[Сергей delphinpro]

.grid {
  grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
}