diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-your-first-css-grid.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-your-first-css-grid.md index bc3d637aeb..46fd15313c 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-your-first-css-grid.md +++ b/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 contenedor y sus hijos se llaman elementos. diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md index 2c4ab53459..5c901035e9 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md +++ b/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 área 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 área 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-- diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md index 1cde91dd99..f2cf40f6b8 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md +++ b/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; diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md index 548130df95..f52ca55e81 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md +++ b/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 líneas. 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:

columnas

1

2

3

4

filas

1

2

3

4

@@ -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--