---
id: 5a94fe4469fb03452672e460
title: Limit Item Size Using the minmax Function
challengeType: 0
videoUrl: ''
localeTitle: Предельный размер элемента Использование функции minmax
---
## Description
Существует еще одна встроенная функция для использования с grid-template-columns
и grid-template-rows
называемыми minmax
. Он используется для ограничения размера элементов, когда контейнер сетки меняет размер. Для этого вам нужно указать допустимый диапазон размеров для вашего товара. Вот пример: grid-template-columns: 100px minmax (50px, 200px);
В приведенном выше коде grid-template-columns
установлены для создания двух столбцов; первая ширина 100px, а вторая имеет минимальную ширину 50px и максимальную ширину 200px.
## Instructions
Используя minmax
функции, замените 1fr
в repeat
функции с размером столбца , который имеет минимальную ширину 90px
и максимальную ширину 1fr
, и изменить размер панели предварительного просмотра , чтобы увидеть эффект.
## Tests
```yml
tests:
- text: 'container
класс должен иметь grid-template-columns
свойство, которое установлено повторить 3 колонки с минимальной шириной 90px
и максимальной шириной 1fr
.'
testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?minmax\s*?\(\s*?90px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi), "container
class should have a grid-template-columns
property that is set to repeat 3 columns with the minimum width of 90px
and maximum width of 1fr
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```