chore(i18n,curriculum): update translations (#42430)

curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-your-first-css-grid.md

@@ -9,7 +9,7 @@ dashedName: create-your-first-css-grid
 
 # --description--
 
-Convierte cualquier elemento HTML en una grid al establecer la propiedad `display` a `grid`. Esto te da la habilidad de usar todas las demás propiedades asociadas con CSS Grid.
+Convierte cualquier elemento HTML en una cuadrícula al establecer la propiedad `display` a `grid`. Esto te da la habilidad de usar todas las demás propiedades asociadas con CSS Grid.
 
 **Nota:** en CSS Grid, el elemento padre se refiere como el <dfn>contenedor</dfn> y sus hijos se llaman <dfn>elementos</dfn>.
 

curriculum/challenges/espanol/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md

@@ -9,7 +9,7 @@ dashedName: divide-the-grid-into-an-area-template
 
 # --description--
 
-Puedes agrupar las celdas de tu grid en una <dfn>área</dfn> y darle a esa área un nombre personalizado. Haz esto usando `grid-template-areas` en el contenedor de la siguiente manera:
+Puedes agrupar las celdas de tu cuadrícula en una <dfn>área</dfn> y darle a esa área un nombre personalizado. Haz esto usando `grid-template-areas` en el contenedor de la siguiente manera:
 
 ```css
 grid-template-areas:
@@ -18,7 +18,7 @@ grid-template-areas:
   "footer footer footer";
 ```
 
-El código anterior fusiona las tres celdas superiores en una área llamada `header`, las tres celdas inferiores en una área `footer` y hace dos áreas en la fila del medio; `advert` y `content`. **Nota:** cada palabra en el código representa una celda y cada par de comillas representa una fila. Además de los nombres personalizados, puedes usar un punto (`.`) para designar una celda vacía en la grid.
+El código anterior fusiona las tres celdas superiores en una área llamada `header`, las tres celdas inferiores en una área `footer` y hace dos áreas en la fila del medio; `advert` y `content`. **Nota:** cada palabra en el código representa una celda y cada par de comillas representa una fila. Además de los nombres personalizados, puedes usar un punto (`.`) para designar una celda vacía en la cuadrícula.
 
 # --instructions--
 

curriculum/challenges/espanol/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md

@@ -9,17 +9,17 @@ dashedName: reduce-repetition-using-the-repeat-function
 
 # --description--
 
-Cuando usaste `grid-template-columns` y `grid-template-rows` para definir la estructura de una grid, ingresaste un valor para cada fila o columna que creaste.
+Cuando usaste `grid-template-columns` y `grid-template-rows` para definir la estructura de una cuadrícula (grid), ingresaste un valor para cada fila o columna que creaste.
 
-Digamos que quieres una grid con 100 filas del mismo tamaño. No es muy práctico insertar 100 valores manualmente. Afortunadamente, hay una mejor manera - usando la función `repeat` para especificar el número de veces que quieres que tu columna o fila se repita, seguido de una coma y el valor que quieres repetir.
+Digamos que quieres una cuadrícula con 100 filas del mismo tamaño. No es muy práctico insertar 100 valores manualmente. Afortunadamente, hay una mejor manera - usando la función `repeat` para especificar el número de veces que quieres que tu columna o fila se repita, seguido de una coma y el valor que quieres repetir.
 
-A continuación un ejemplo que crearía una cuadrícula de 100 filas, cada fila con 50px de alto.
+A continuación un ejemplo que crea una cuadrícula de 100 filas, cada fila con 50px de alto.
 
 ```css
 grid-template-rows: repeat(100, 50px);
 ```
 
-También puedes repetir múltiples valores con la función repeat e insertar la función entre otros valores al definir una estructura de grid. Así se ve:
+También puedes repetir múltiples valores con la función repeat e insertar la función entre otros valores al definir una estructura de cuadrícula. Así se ve:
 
 ```css
 grid-template-columns: repeat(2, 1fr 50px) 20px;

curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md

@@ -13,7 +13,7 @@ Hasta este punto, todas las propiedades que hemos discutido son para los contene
 
 Las líneas horizontales y verticales hipotéticas que crean la cuadrícula son referidas como <dfn>líneas</dfn>. Estas líneas son enumeradas empezando con el 1 desde la esquina superior izquierda de la cuadrícula y se desplaza hacia la derecha para las columnas y hacia abajo para las filas, contando hacia arriba.
 
-Así es como se ven las líneas para una grid de 3x3:
+Así es como se ven las líneas para una cuadrícula de 3x3:
 
 <div style='position:relative;margin:auto;background:Gainsboro;display:block;margin-top:100px;margin-bottom:50px;width:200px;height:200px;'><p style='left:25%;top:-30%;font-size:130%;position:absolute;color:RoyalBlue;'>columnas</p><p style='left:0%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;'>1</p><p style='left:30%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;'>2</p><p style='left:63%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;'>3</p><p style='left:95%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;'>4</p><p style='left:-40%;top:45%;font-size:130%;transform:rotateZ(-90deg);position:absolute;'>filas</p><p style='left:-10%;top:-10%;font-size:130%;position:absolute;'>1</p><p style='left:-10%;top:21%;font-size:130%;position:absolute;'>2</p><p style='left:-10%;top:53%;font-size:130%;position:absolute;'>3</p><p style='left:-10%;top:85%;font-size:130%;position:absolute;'>4</p><div style='left:0%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;'></div><div style='left:31%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;'></div><div style='left:63%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;'></div><div style='left:95%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;'></div><div style='left:0%;top:0%;width:100%;height:5%;background:black;position:absolute;'></div><div style='left:0%;top:31%;width:100%;height:5%;background:black;position:absolute;'></div><div style='left:0%;top:63%;width:100%;height:5%;background:black;position:absolute;'></div><div style='left:0%;top:95%;width:100%;height:5%;background:black;position:absolute;'></div></div>
 
@@ -25,7 +25,7 @@ Aquí un ejemplo:
 grid-column: 1 / 3;
 ```
 
-Esto hará que el elemento empiece en la primera línea vertical de la grid a la izquierda y se extienda a la 3ra línea de la grid, ocupando dos columnas.
+Esto hará que el elemento empiece en la primera línea vertical de la cuadrícula a la izquierda y se extienda a la 3ra línea de la cuadrícula, ocupando dos columnas.
 
 # --instructions--