Как на grid сделать картинки по две в ряду?

Question

[Sreu34]

как сделать,чтобы картинки в грид-контейнере стояли по 2 в ряду(горизонтальном) на максимальную ширину,при уменьшении экрана уменьшались бы картинки до определённой ширины и перестраивались в один ряд

Comments

[Sreu34]

я сделал таким способом grid-template-columns: repeat(2,1fr),но они не перестраиваются в один ряд,просто сжимаются и всё

[an]

Sreu34, на codepen закиньте для начала то, что имеется
а то тыкать пальцем в небо не вариант

[Sreu34]

an, https://codepen.io/roman17-github/pen/dyevgmE

Answer 1

[Ankhena]

Варианта два:
Либо вы пишете @media при котором они должны перестроится.
Либо используете функцию minmax как-то так:

grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));