From 3c26579f42748d723200e07c1d29b5d8b350b121 Mon Sep 17 00:00:00 2001 From: Octabond Date: Tue, 5 Mar 2019 16:15:24 -0600 Subject: [PATCH] Update .md grammar and comments (#25596) Update grammar and translate comments on challenge seed and solution sections --- ...e-repetition-using-the-repeat-function.spanish.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) 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 containercontainer 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 ```