chore(i8n,curriculum): processed translations (#41548)

Co-authored-by: Crowdin Bot <support+bot@crowdin.com>

curriculum/challenges/espanol/01-responsive-web-design/basic-css/add-borders-around-your-elements.md

@@ -29,7 +29,9 @@ Crea una clase llamada `thick-green-border` (borde grueso verde). Esta clase deb
 
 Recuerda que puedes aplicar múltiples clases a un elemento usando su atributo `class`, separando cada nombre de clase con un espacio. Por ejemplo:
 
-`<img class="class1 class2">`
+```html
+<img class="class1 class2">
+```
 
 # --hints--
 

curriculum/challenges/espanol/01-responsive-web-design/basic-css/change-the-color-of-text.md

@@ -17,7 +17,9 @@ La propiedad que es responsable del color del texto de un elemento es la propied
 
 Aquí te mostramos como establecerías el color de tu elemento `h2` para que sea azul:
 
-`<h2 style="color: blue;">CatPhotoApp</h2>`
+```html
+<h2 style="color: blue;">CatPhotoApp</h2>
+```
 
 Ten en cuenta que es una buena práctica terminar las declaraciones de inline `style` usando punto y coma (`;`).
 

curriculum/challenges/espanol/01-responsive-web-design/basic-css/import-a-google-font.md

@@ -17,7 +17,9 @@ Entonces, importemos y apliquemos una fuente de Google (ten en cuenta que si Goo
 
 Para importar una fuente de Google, puedes copiar la URL de la fuente desde la librería de Google Fonts y luego pegarla en tu código HTML. Para este desafío, importaremos la fuente `Lobster`. Para ello, copia el siguiente fragmento de código y pégalo en la parte superior de tu editor de código (antes de abrir el elemento `style`):
 
-`<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">`
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+```
 
 Ahora puedes usar la fuente `Lobster` en tu CSS usando `Lobster` como FAMILY_NAME como en el siguiente ejemplo:
 

curriculum/challenges/espanol/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.md

@@ -23,7 +23,9 @@ Añade la palabra clave `!important` a la declaración de color de pink-text par
 
 Aquí te mostramos un ejemplo de cómo hacerlo:
 
-`color: red !important;`
+```css
+color: red !important;
+```
 
 # --hints--
 
@@ -59,7 +61,7 @@ assert(
 );
 ```
 
-Tu elemento `h1` debe ser rosado.
+Tu elemento `h1` debe ser de color rosado ("pink").
 
 ```js
 assert($('h1').css('color') === 'rgb(255, 192, 203)');

curriculum/challenges/espanol/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.md

@@ -19,7 +19,9 @@ Sobrescribamos tus clases `pink-text` y `blue-text`, y haz que el `h1` sea naran
 
 Dale al elemento `h1` el atributo `id` de `orange-text`. Recuerda, los estilos id se ven así:
 
-`<h1 id="orange-text">`
+```html
+<h1 id="orange-text">
+```
 
 Deja las clases `blue-text` y `pink-text` en tu elemento `h1`.
 

curriculum/challenges/espanol/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.md

@@ -17,7 +17,9 @@ Pero existen otras formas de sobreescribir código CSS. ¿Recuerdas los "inline
 
 Usa un inline style para hacer que nuestro elemento `h1` sea de color blanco. Recuerda que los inline styles se ven así:
 
-`<h1 style="color: green;">`
+```html
+<h1 style="color: green;">
+```
 
 Deja las clases `blue-text` y `pink-text` en tu elemento `h1`.
 

curriculum/challenges/espanol/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md

@@ -21,7 +21,9 @@ Aplica la clase `blue-text` a tu elemento `h1` además de tu clase `pink-text`,
 
 Para aplicar múltiples atributos de clase a un elemento HTML debes dejar un espacio entre ellos, como se muestra a continuación:
 
-`class="class1 class2"`
+```html
+class="class1 class2"
+```
 
 **Nota:** No importa el orden en que las clases estén enlistadas dentro del elemento HTML.
 

curriculum/challenges/espanol/01-responsive-web-design/basic-css/set-the-id-of-an-element.md

@@ -17,7 +17,9 @@ Los atributos `id` deben ser únicos. Los navegadores no verifican esta regla, p
 
 A continuación te mostramos un ejemplo de cómo asignar a tu elemento `h2` el id `cat-photo-app`:
 
-`<h2 id="cat-photo-app">`
+```html
+<h2 id="cat-photo-app">
+```
 
 # --instructions--
 
@@ -25,7 +27,7 @@ Asigna a tu elemento `form` el id `cat-photo-form`.
 
 # --hints--
 
-Tu elemento `form` debe contener el id `cat-photo-form`.
+Tu elemento `form` debe tener el id `cat-photo-form`.
 
 ```js
 assert($('form').attr('id') === 'cat-photo-form');

curriculum/challenges/espanol/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.md

@@ -13,7 +13,9 @@ Intentemos de nuevo, pero esta vez con `margin`.
 
 En lugar de especificar las propiedades `margin-top`, `margin-right`, `margin-bottom`, y `margin-left` individualmente, puedes especificarlas todas en una sola línea, como se muestra a continuación:
 
-`margin: 10px 20px 10px 20px;`
+```css
+margin: 10px 20px 10px 20px;
+```
 
 Estos cuatro valores se leen en el sentido de las agujas del reloj: arriba, derecha, abajo, izquierda, (top, right, bottom, left) y producirán exactamente el mismo resultado que usar las instrucciones específicas de margen.
 

curriculum/challenges/espanol/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.md

@@ -11,7 +11,9 @@ dashedName: use-clockwise-notation-to-specify-the-padding-of-an-element
 
 En lugar de especificar las propiedades `padding-top`, `padding-right`, `padding-bottom`, y `padding-left` individualmente, puedes especificarlas todas en una sola línea, como se muestra a continuación:
 
-`padding: 10px 20px 10px 20px;`
+```css
+padding: 10px 20px 10px 20px;
+```
 
 Estos cuatro valores se leen en el sentido de las agujas del reloj: arriba, derecha, abajo, izquierda, (top, right, bottom, left) y producirán exactamente el mismo resultado que usar las instrucciones específicas de padding.
 

curriculum/challenges/espanol/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.md

@@ -13,11 +13,15 @@ Otra forma de representar colores en CSS es utilizar valores `RGB`.
 
 El valor `RGB` del color negro se ve así:
 
-`rgb(0, 0, 0)`
+```css
+rgb(0, 0, 0)
+```
 
 El valor `RGB` del color blanco se ve así:
 
-`rgb(255, 255, 255)`
+```css
+rgb(255, 255, 255)
+```
 
 En lugar de usar seis dígitos hexadecimales, como hacemos con el código hexadecimal, en `RGB` se especifica el brillo de cada color con un número que va de 0 a 255.