---
id: 5a94fe3669fb03452672e45f
title: Reduce Repetition Using the repeat Function
challengeType: 0
videoUrl: ''
localeTitle: Reducir la repetición usando la función de repetición
---
## Description
Cuando usó grid-template-columns
grid-template-rows
para definir la estructura de una cuadrícula, ingresó un valor para cada fila o columna que creó. Digamos que quieres una cuadrícula con 100 filas de la misma altura. No es muy práctico insertar 100 valores individualmente. Afortunadamente, hay una mejor manera: utilizando la función de repeat
para especificar el número de veces que desea que se repita su columna o fila, seguido de una coma y el valor que desea repetir. Aquí hay un ejemplo que crearía la cuadrícula de 100 filas, cada fila a 50px de altura. cuadrícula-plantilla-filas: repetir (100, 50px);
También puede repetir varios valores con la función de repetición e insertar la función entre otros valores al definir una estructura de cuadrícula. Esto es lo que quiero decir: cuadrícula-plantilla-columnas: repetir (2, 1fr 50px) 20px;
Esto se traduce en: cuadrícula-plantillas-columnas: 1fr 50px 1fr 50px 20px;
Nota
1fr 50px
se repite dos veces seguidas de 20px.
## Instructions
Use repeat
para eliminar la repetición de la propiedad grid-template-columns
.
## Tests
```yml
tests:
- text: container
clase container
debe tener una propiedad de grid-template-columns
que está configurada para repetir 3 columnas con el ancho de 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
```