freeCodeCamp/guide/russian/certifications/responsive-web-design/css-grid/limit-item-size-using-the-minmax-function/index.md

title	localeTitle
Limit Item Size Using the minmax Function	Предельный размер элемента с помощью функции minmax

Использование функции minmax в сочетании с функцией повторения - это именно то, что описывает этот вызов, но сначала это не было очевидно для меня очевидным. Способ передачи этой задачи состоит в том, чтобы удалить значение максимальной ширины в функции повторения , а затем добавить функцию minmax вместо значения максимальной ширины повторения .

Вот пример того, что похоже на использование до и после подхода:

До

    grid-template-columns: repeat(3, 1fr); 

После

    grid-template-columns: repeat(3, minmax(50px, 2fr)); 

---

Вы также можете проверить это встроенное перо на Codepen, чтобы увидеть пример в действии, который вы можете изменить для просмотра результатов:

См. Pen limit-item-size-using-the-minmax-функция с помощью skywardcode ( @skywardcode ) на CodePen .

Ресурсы

Сеть разработчиков Mozilla