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