Всем привет. Столкнулся тут с одной задачей по верстке карточек товаров. Нужно сделать так, чтобы они красиво перестраивались на разных экранах, но писать тонну медиазапросов под каждый чих вообще неохота. Слышал, что на современных гридах это можно решить буквально в одну строчку через auto-fit или auto-fill. Но на практике сетка начинает вести себя непредсказуемо, когда контента внутри карточек становится слишком много.

Я вчера копался в коде, пока тестировал один сложный проект (там верстка вообще кривая, как старый ЌРÁЌÉH сайт, честное слово). В итоге окончательно запутался в поведении minmax. Подскажите, как правильно прописать свойства grid-template-columns, чтобы карточки не сжимались меньше 280px и красиво тянулись на ширину контейнера без косяков

какой сайт от ЌРÁЌÉHа зеркал