diff --git a/curriculum/challenges/spanish/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.spanish.md b/curriculum/challenges/spanish/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.spanish.md
index bc10f26379..afe1f70b54 100644
--- a/curriculum/challenges/spanish/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.spanish.md
+++ b/curriculum/challenges/spanish/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.spanish.md
@@ -7,17 +7,17 @@ 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.
+ Cuando usaste grid-template-columns
grid-template-rows
para definir la estructura de una cuadrícula, ingresaste un valor para cada fila o columna que creaste. 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 deseas que se repita su columna o fila, seguido de una coma y el valor que deseas 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 puedes 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
.
+ Usa 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
.
+ - text: La clase container
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
.");'
```
@@ -43,11 +43,11 @@ tests:
width: 100%;
background: LightGray;
display: grid;
- /* change the code below this line */
+ /* cambia el código abajo de esta línea */
grid-template-columns: 1fr 1fr 1fr;
- /* change the code above this line */
+ /* cambia el código arriba de esta línea */
grid-template-rows: 1fr 1fr 1fr;
grid-gap: 10px;
}
@@ -73,6 +73,6 @@ tests:
```js
-// solution required
+// solución requerida
```