---
id: 5a94fe4469fb03452672e460
title: Limit Item Size Using the minmax Function
challengeType: 0
videoUrl: ''
localeTitle: الحد من حجم البند باستخدام وظيفة minmax
---
## Description
هناك وظيفة أخرى مدمجة لاستخدامها مع grid-template-columns
grid-template-rows
تسمى minmax
. يتم استخدامه لتقييد حجم العناصر عند تغيير حجم حاوية الشبكة. للقيام بذلك ، تحتاج إلى تحديد نطاق الحجم المقبول لعنصرك. هنا مثال: أعمدة قوالب الشبكة: minmax 100 بكسل (50 بكسل ، 200 بكسل) ؛
في التعليمات البرمجية أعلاه ، يتم تعيين grid-template-columns
لإنشاء عمودين ؛ الأول بعرض 100 بكسل ، والثاني يحتوي على الحد الأدنى للعرض 50 بكسل والحد الأقصى للعرض 200 بكسل.
## 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
```