diff --git a/curriculum/challenges/chinese-traditional/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md b/curriculum/challenges/chinese-traditional/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
index 17b9eb61a31..59f169e9ed0 100644
--- a/curriculum/challenges/chinese-traditional/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
+++ b/curriculum/challenges/chinese-traditional/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
@@ -11,7 +11,9 @@ dashedName: set-the-font-size-for-multiple-heading-elements
`font-size` 屬性用來指定元素內文字的大小。 我們可以爲多個元素添加這個規則，讓頁面內不同元素的文字大小得以統一。 在本挑戰裏，你需要設置從 `h1` 到 `h6` 的文字大小。
-# --instructions-- 在 style 標籤中, 對各元素的 font-size 進行如下設置：
+# --instructions--
+
+ 在 style 標籤中, 對各元素的 font-size 進行如下設置：
- 將
h1 標籤的文字大小設爲 68px。
diff --git a/curriculum/challenges/chinese-traditional/10-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.md b/curriculum/challenges/chinese-traditional/10-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.md
index 4a57e7d62a2..b52d1c12fa4 100644
--- a/curriculum/challenges/chinese-traditional/10-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.md
+++ b/curriculum/challenges/chinese-traditional/10-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.md
@@ -14,7 +14,8 @@ dashedName: problem-137-fibonacci-golden-nuggets
令人驚訝的是：
-$$\begin{align} A_F(\frac{1}{2}) & = (\frac{1}{2}) × 1 + {(\frac{1}{2})}^2 × 1 + {(\frac{1}{2})}^3 × 2 + {(\frac{1}{2})}^4 × 3 + {(\frac{1}{2})}^5 × 5 + \cdots \\\\ & = \frac{1}{2} + \frac{1}{4} + \frac{2}{8} + \frac{3}{16} + \frac{5}{32} + \cdots \\\\ & = 2 \end{align}$$
+$$\begin{align} A_F(\frac{1}{2}) & = (\frac{1}{2}) × 1 + {(\frac{1}{2})}^2 × 1 + {(\frac{1}{2})}^3 × 2 + {(\frac{1}{2})}^4 × 3 + {(\frac{1}{2})}^5 × 5 + \cdots \\\\
+ & = \frac{1}{2} + \frac{1}{4} + \frac{2}{8} + \frac{3}{16} + \frac{5}{32} + \cdots \\\\ & = 2 \end{align}$$
前五個對應的自然數 $x$ 如下。
diff --git a/curriculum/challenges/chinese-traditional/10-coding-interview-prep/project-euler/problem-330-eulers-number.md b/curriculum/challenges/chinese-traditional/10-coding-interview-prep/project-euler/problem-330-eulers-number.md
index fb52e637364..35e360062b6 100644
--- a/curriculum/challenges/chinese-traditional/10-coding-interview-prep/project-euler/problem-330-eulers-number.md
+++ b/curriculum/challenges/chinese-traditional/10-coding-interview-prep/project-euler/problem-330-eulers-number.md
@@ -10,11 +10,13 @@ dashedName: problem-330-eulers-number
對於所有的整數 $n$，一個無限實數序列 $a(n)$ 定義如下：
-$$ a(n) = \begin{cases} 1 & n < 0 \\\\ \displaystyle \sum_{i = 1}^{\infty} \frac{a(n - 1)}{i!} & n \ge 0 \end{cases} $$
+$$ a(n) = \begin{cases} 1 & n < 0 \\\\
+\displaystyle \sum_{i = 1}^{\infty} \frac{a(n - 1)}{i!} & n \ge 0 \end{cases} $$
例如，
-$$\begin{align} & a(0) = \frac{1}{1!} + \frac{1}{2!} + \frac{1}{3!} + \ldots = e − 1 \\\\ & a(1) = \frac{e − 1}{1!} + \frac{1}{2!} + \frac{1}{3!} + \ldots = 2e − 3 \\\\ & a(2) = \frac{2e − 3}{1!} + \frac{e − 1}{2!} + \frac{1}{3!} + \ldots = \frac{7}{2} e − 6 \end{align}$$
+$$\begin{align} & a(0) = \frac{1}{1!} + \frac{1}{2!} + \frac{1}{3!} + \ldots = e − 1 \\\\
+ & a(1) = \frac{e − 1}{1!} + \frac{1}{2!} + \frac{1}{3!} + \ldots = 2e − 3 \\\\ & a(2) = \frac{2e − 3}{1!} + \frac{e − 1}{2!} + \frac{1}{3!} + \ldots = \frac{7}{2} e − 6 \end{align}$$
其中，$e = 2.7182818\ldots$ 是歐拉常數。
diff --git a/curriculum/challenges/chinese-traditional/10-coding-interview-prep/project-euler/problem-92-square-digit-chains.md b/curriculum/challenges/chinese-traditional/10-coding-interview-prep/project-euler/problem-92-square-digit-chains.md
index 57a719d45e6..cc65c62b88c 100644
--- a/curriculum/challenges/chinese-traditional/10-coding-interview-prep/project-euler/problem-92-square-digit-chains.md
+++ b/curriculum/challenges/chinese-traditional/10-coding-interview-prep/project-euler/problem-92-square-digit-chains.md
@@ -12,7 +12,8 @@ dashedName: problem-92-square-digit-chains
舉個例子：
-$$\begin{align} & 44 → 32 → 13 → 10 → \boldsymbol{1} → \boldsymbol{1}\\\\ & 85 → \boldsymbol{89} → 145 → 42 → 20 → 4 → 16 → 37 → 58 → \boldsymbol{89}\\\\ \end{align}$$
+$$\begin{align} & 44 → 32 → 13 → 10 → \boldsymbol{1} → \boldsymbol{1}\\\\
+ & 85 → \boldsymbol{89} → 145 → 42 → 20 → 4 → 16 → 37 → 58 → \boldsymbol{89}\\\\ \end{align}$$
可以發現，每條到達 1 或 89 的數鏈都會陷入循環。 最令人驚訝的是，從任意數字開始，數鏈最終都會到達 1 或 89。
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
index 62a8c578d92..93da2b69216 100644
--- a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
@@ -11,7 +11,9 @@ dashedName: set-the-font-size-for-multiple-heading-elements
`font-size` 属性用来指定元素内文字的大小。 我们可以为多个元素添加这个规则，让页面内不同元素的文字大小得以统一。 在本挑战里，你需要设置从 `h1` 到 `h6` 的文字大小。
-# --instructions-- 在 style 标签中, 对各元素的 font-size 进行如下设置：
+# --instructions--
+
+ 在 style 标签中, 对各元素的 font-size 进行如下设置：
- 将
h1 标签的文字大小设为 68px。
diff --git a/curriculum/challenges/chinese/10-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.md b/curriculum/challenges/chinese/10-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.md
index 1e499438518..4ce34646a49 100644
--- a/curriculum/challenges/chinese/10-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.md
+++ b/curriculum/challenges/chinese/10-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.md
@@ -14,7 +14,8 @@ dashedName: problem-137-fibonacci-golden-nuggets
令人惊讶的是：
-$$\begin{align} A_F(\frac{1}{2}) & = (\frac{1}{2}) × 1 + {(\frac{1}{2})}^2 × 1 + {(\frac{1}{2})}^3 × 2 + {(\frac{1}{2})}^4 × 3 + {(\frac{1}{2})}^5 × 5 + \cdots \\\\ & = \frac{1}{2} + \frac{1}{4} + \frac{2}{8} + \frac{3}{16} + \frac{5}{32} + \cdots \\\\ & = 2 \end{align}$$
+$$\begin{align} A_F(\frac{1}{2}) & = (\frac{1}{2}) × 1 + {(\frac{1}{2})}^2 × 1 + {(\frac{1}{2})}^3 × 2 + {(\frac{1}{2})}^4 × 3 + {(\frac{1}{2})}^5 × 5 + \cdots \\\\
+ & = \frac{1}{2} + \frac{1}{4} + \frac{2}{8} + \frac{3}{16} + \frac{5}{32} + \cdots \\\\ & = 2 \end{align}$$
前五个对应的自然数 $x$ 如下。
diff --git a/curriculum/challenges/chinese/10-coding-interview-prep/project-euler/problem-330-eulers-number.md b/curriculum/challenges/chinese/10-coding-interview-prep/project-euler/problem-330-eulers-number.md
index 8444afe2b77..7032ca0e9a7 100644
--- a/curriculum/challenges/chinese/10-coding-interview-prep/project-euler/problem-330-eulers-number.md
+++ b/curriculum/challenges/chinese/10-coding-interview-prep/project-euler/problem-330-eulers-number.md
@@ -10,11 +10,13 @@ dashedName: problem-330-eulers-number
对于所有的整数 $n$，一个无限实数序列 $a(n)$ 定义如下：
-$$ a(n) = \begin{cases} 1 & n < 0 \\\\ \displaystyle \sum_{i = 1}^{\infty} \frac{a(n - 1)}{i!} & n \ge 0 \end{cases} $$
+$$ a(n) = \begin{cases} 1 & n < 0 \\\\
+\displaystyle \sum_{i = 1}^{\infty} \frac{a(n - 1)}{i!} & n \ge 0 \end{cases} $$
例如，
-$$\begin{align} & a(0) = \frac{1}{1!} + \frac{1}{2!} + \frac{1}{3!} + \ldots = e − 1 \\\\ & a(1) = \frac{e − 1}{1!} + \frac{1}{2!} + \frac{1}{3!} + \ldots = 2e − 3 \\\\ & a(2) = \frac{2e − 3}{1!} + \frac{e − 1}{2!} + \frac{1}{3!} + \ldots = \frac{7}{2} e − 6 \end{align}$$
+$$\begin{align} & a(0) = \frac{1}{1!} + \frac{1}{2!} + \frac{1}{3!} + \ldots = e − 1 \\\\
+ & a(1) = \frac{e − 1}{1!} + \frac{1}{2!} + \frac{1}{3!} + \ldots = 2e − 3 \\\\ & a(2) = \frac{2e − 3}{1!} + \frac{e − 1}{2!} + \frac{1}{3!} + \ldots = \frac{7}{2} e − 6 \end{align}$$
其中，$e = 2.7182818\ldots$ 是欧拉常数。
diff --git a/curriculum/challenges/chinese/10-coding-interview-prep/project-euler/problem-92-square-digit-chains.md b/curriculum/challenges/chinese/10-coding-interview-prep/project-euler/problem-92-square-digit-chains.md
index 612870aafbd..aa0082deae9 100644
--- a/curriculum/challenges/chinese/10-coding-interview-prep/project-euler/problem-92-square-digit-chains.md
+++ b/curriculum/challenges/chinese/10-coding-interview-prep/project-euler/problem-92-square-digit-chains.md
@@ -12,7 +12,8 @@ dashedName: problem-92-square-digit-chains
举个例子：
-$$\begin{align} & 44 → 32 → 13 → 10 → \boldsymbol{1} → \boldsymbol{1}\\\\ & 85 → \boldsymbol{89} → 145 → 42 → 20 → 4 → 16 → 37 → 58 → \boldsymbol{89}\\\\ \end{align}$$
+$$\begin{align} & 44 → 32 → 13 → 10 → \boldsymbol{1} → \boldsymbol{1}\\\\
+ & 85 → \boldsymbol{89} → 145 → 42 → 20 → 4 → 16 → 37 → 58 → \boldsymbol{89}\\\\ \end{align}$$
可以发现，每条到达 1 或 89 的数链都会陷入循环。 最令人惊讶的是，从任意数字开始，数链最终都会到达 1 或 89。
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md b/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
index 4c327c18e62..0317f18aafd 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
@@ -11,7 +11,9 @@ dashedName: set-the-font-size-for-multiple-heading-elements
La propiedad `font-size` se usa para especificar que tan grande es el texto en un elemento dado. Esta regla se puede utilizar para varios elementos para crear coherencia visual del texto en una página. En este desafío, establecerá los valores para todas las etiquetas `h1` a `h6` para equilibrar los tamaños de los títulos.
-# --instructions-- En las etiquetas style, establece el font-size de:
+# --instructions--
+
+ En las etiquetas style, establece el font-size de:
- Etiqueta
h1 a 68px.
diff --git a/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md b/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md
index bf6544d0ccb..f19c59a9215 100644
--- a/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md
+++ b/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md
@@ -11,14 +11,14 @@ dashedName: add-a-box-shadow-to-a-card-like-element
La proprietà `box-shadow` applica una o più ombre ad un elemento.
-La proprietà `box-shadow` è definita dai seguenti valori:
+La proprietà `box-shadow` prende i seguenti valori, in ordine:
- offset-x (quanto l'ombra si sposta orizzontalmente dall'elemento),offset-y (quanto l'ombra si sposta verticalmente dall'elemento),blur-radius, cioè quanto è ampia la sfumatura,spread-radius, cioè quanto è ampia la base dell'ombra ecolor per definirne il colore, in quest'ordine.offset-x (quanto l'ombra si sposta orizzontalmente dall'elemento)offset-y (quanto l'ombra si sposta verticalmente dall'elemento)blur-radiusspread-radiuscolor
I valori `blur-radius` e `spread-radius` sono opzionali.
diff --git a/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md b/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md
index 935bc3d3bfd..28f42534f82 100644
--- a/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md
+++ b/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md
@@ -9,9 +9,9 @@ dashedName: adjust-the-hue-of-a-color
# --description--
-I colori hanno diverse caratteristiche tra cui tonalità, saturazione e luminosità. CSS3 ha introdotto la proprietà `hsl()` (hue, saturation, lightness) come metodo alternativo per scegliere un colore indicando direttamente queste caratteristiche.
+I colori hanno diverse caratteristiche tra cui tonalità, saturazione e luminosità. CSS3 ha introdotto la funzione `hsl()` (hue-tonalità, saturation-saturazione, lightness-luminosità) come metodo alternativo per scegliere un colore indicando direttamente queste caratteristiche.
-**Tonalità** (Hue) è ciò che la gente generalmente intende come 'colore'. Se si immagina uno spettro di colori che inizia con il rosso a sinistra, passando attraverso il verde nel mezzo, e blu a destra, la tonalità è dove un colore si posiziona lungo questa linea. Con l'`hsl()`, la tonalità utilizza il concetto del cerchio cromatico invece dello spettro, dove l'angolo del colore sul cerchio è indicato come valore compreso tra 0 e 360.
+**Tonalità** è ciò che la gente generalmente intende come 'colore'. Se si immagina uno spettro di colori che inizia con il rosso a sinistra, passando attraverso il verde nel mezzo, e blu a destra, la tonalità è dove un colore si posiziona lungo questa linea. Con l'`hsl()`, la tonalità utilizza il concetto del cerchio cromatico invece dello spettro, dove l'angolo del colore sul cerchio è indicato come valore compreso tra 0 e 360.
**Saturazione** è la quantità di grigio in un colore. Un colore completamente saturo non ha grigio in esso, e un colore minimamente saturo è quasi completamente grigio. Questo dato è in percentuale, dove 100% la saturazione completa.
@@ -23,41 +23,41 @@ Ecco alcuni esempi di utilizzo dell'`hsl()` con colori di luminosità normali co
# --instructions--
-Cambia il `background-color` di ogni elemento `div` basandoti sui nomi delle classi (`green`, `cyan` o `blue`) utilizzando la proprietà `hsl()`. Tutti e tre dovrebbero avere piena saturazione e luminosità normale.
+Cambia il `background-color` di ogni elemento `div` basandoti sui nomi delle classi (`green` - verde, `cyan` - ciano o `blue` - blu) utilizzando la proprietà `hsl()`. Tutti e tre dovrebbero avere piena saturazione e luminosità normale.
# --hints--
-Il tuo codice dovrebbe utilizzare la proprietà `hsl()` per dichiarare il colore `green`.
+Il tuo codice dovrebbe usare le funzioni `hsl()` per dichiarare il colore verde.
```js
assert(code.match(/\.green\s*?{\s*?background-color\s*:\s*?hsl/gi));
```
-Il tuo codice dovrebbe utilizzare la proprietà `hsl()` per dichiarare il colore `cyan`.
+Il tuo codice dovrebbe utilizzare le funzioni `hsl()` per dichiarare il colore ciano.
```js
assert(code.match(/\.cyan\s*?{\s*?background-color\s*:\s*?hsl/gi));
```
-Il tuo codice dovrebbe utilizzare la proprietà `hsl()` per dichiarare il colore `blue`.
+Il tuo codice dovrebbe utilizzare le funzioni `hsl()` per dichiarare il colore blu.
```js
assert(code.match(/\.blue\s*?{\s*?background-color\s*:\s*?hsl/gi));
```
-L'elemento `div` con classe `green` dovrebbe avere un `background-color` verde (green).
+L'elemento `div` con classe `green` dovrebbe avere un `background-color` verde.
```js
assert($('.green').css('background-color') == 'rgb(0, 255, 0)');
```
-L'elemento `div` con classe `cyan` dovrebbe avere un `background-color` ciano (cyan).
+L'elemento `div` con classe `cyan` dovrebbe avere un `background-color` ciano.
```js
assert($('.cyan').css('background-color') == 'rgb(0, 255, 255)');
```
-L'elemento `div` con classe `blue` dovrebbe avere un `background-color` blu (blu).
+L'elemento `div` con classe `blue` dovrebbe avere un `background-color` blu.
```js
assert($('.blue').css('background-color') == 'rgb(0, 0, 255)');
diff --git a/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md b/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md
index 37c09334bcc..92a276aa71f 100644
--- a/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md
+++ b/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md
@@ -15,11 +15,11 @@ Creerai un oggetto rotondo trasparente con un'ombra netta leggermente sfalsata s
Per creare un oggetto rotondo, la proprietà `border-radius` dovrebbe essere impostata su un valore del 50%.
-Potresti ricordare da una sfida precedente che la proprietà `box-shadow` richiede dei valori per `offset-x`, `offset-y`, `blur-radius`, `spread-radius`, e un valore per il colore, in quest'ordine. I valori `blur-radius` e `spread-radius` sono opzionali.
+Potresti ricordare da una sfida precedente che la proprietà `box-shadow` richiede dei valori per `offset-x`, `offset-y`, `blur-radius`, `spread-radius`, e un valore per `color`, in quest'ordine. I valori `blur-radius` e `spread-radius` sono opzionali.
# --instructions--
-Manipola l'elemento quadrato nell'editor per creare la forma della luna. Innanzitutto, cambia il `background-color` con `transparent`, quindi imposta la proprietà `border-radius` al 50% per rendere la forma circolare. Infine, cambia la proprietà `box-shadow` per impostare l'`offset-x` a 25px, l'`offset-y` a 10px, il `blur-radius` a 0, lo `spread-radius` a 0, e il colore a `blue`.
+Manipola l'elemento quadrato nell'editor per creare la forma della luna. Innanzitutto, cambia il `background-color` con `transparent`, quindi imposta la proprietà `border-radius` al 50% per rendere la forma circolare. Infine, cambia la proprietà `box-shadow` per impostare l'`offset-x` a 25px, l'`offset-y` a 10px, il `blur-radius` a 0, lo `spread-radius` a 0, e `color` a `blue`.
# --hints--
@@ -35,7 +35,7 @@ Il valore della proprietà `border-radius` dovrebbe essere impostato a `50%`.
assert(code.match(/border-radius:\s*?50%;/gi));
```
-I valori della proprietà `box-shadow` dovrebbero essere impostati a 25px per l'`offset-x`, 10px per l'`offset-y`, 0 per il `blur-radius`, 0 per lo `spread-radius`, e infine `blue` per il colore.
+I valori della proprietà `box-shadow` dovrebbero essere impostati a 25px per l'`offset-x`, 10px per l'`offset-y`, 0 per il `blur-radius`, 0 per lo `spread-radius`, e infine `blue` per `color`.
```js
assert(
diff --git a/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.md b/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.md
index d45ef39b24c..72eeab4c09f 100644
--- a/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.md
+++ b/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.md
@@ -28,15 +28,15 @@ Affinché gli pseudo-elementi `::before` e `::after` funzionino correttamente, d
# --instructions--
-Trasforma l'elemento sullo schermo in un cuore. Nel selettore `heart::after`, cambia il `background-color` a `pink` e il `border-radius` a 50%.
+Trasforma l'elemento sullo schermo in un cuore. Nel selettore `.heart::after`, cambia il `background-color` a `pink` e il `border-radius` a 50%.
Poi, seleziona l'elemento di classe `heart` (solo `heart`) e riempi la proprietà `transform`. Usa la funzione `rotate()` con un argomento di -45 gradi.
-Infine, nel selettore `heart::before`, imposta la proprietà `content` su una stringa vuota.
+Infine, nel selettore `.heart::before`, imposta la proprietà `content` su una stringa vuota.
# --hints--
-La proprietà `background-color` del selettore `heart::after` dovrebbe essere `pink`.
+La proprietà `background-color` del selettore `.heart::after` dovrebbe essere `pink`.
```js
const heartAfter = code.match(/\.heart::after\s*{[\s\S]+?[^\}]}/g)[0];
@@ -45,7 +45,7 @@ assert(
);
```
-Il `border-radius` del selettore `heart::after` dovrebbe essere del 50%.
+Il `border-radius` del selettore `.heart::after` dovrebbe essere del 50%.
```js
assert(code.match(/border-radius\s*?:\s*?50%/gi).length == 2);
@@ -57,7 +57,7 @@ La proprietà `transform` per la classe `heart` dovrebbe utilizzare una funzione
assert(code.match(/transform\s*?:\s*?rotate\(\s*?-45deg\s*?\)/gi));
```
-Il `content` del selettore `heart::before` dovrebbe essere una stringa vuota.
+Il `content` del selettore `.heart::before` dovrebbe essere una stringa vuota.
```js
assert(code.match(/\.heart::before\s*?{\s*?content\s*?:\s*?("|')\1\s*?;/gi));
diff --git a/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md b/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
index bd556d694b1..8c700bfde61 100644
--- a/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
+++ b/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
@@ -11,7 +11,9 @@ dashedName: set-the-font-size-for-multiple-heading-elements
La proprietà `font-size` è usata per specificare quanto grande è il testo in un dato elemento. Questa regola può essere utilizzata per più elementi per creare coerenza visiva del testo in una pagina. In questa sfida, imposterai i valori per tutti i tag da `h1` a `h6` per bilanciare le dimensioni dell'intestazione.
-# --instructions-- Nel tag style, imposta la dimensione del font (font-size) per:
+# --instructions--
+
+ Nel tag style, imposta la dimensione del font (font-size) per:
- Il tag
h1 a 68px.
diff --git a/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.md b/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.md
index f96e09c4154..d6707780107 100644
--- a/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.md
+++ b/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.md
@@ -11,7 +11,7 @@ dashedName: use-a-bezier-curve-to-move-a-graphic
Una sfida precedente ha discusso la parola chiave `ease-out` che descrive un cambiamento di animazione che prima accelera e poi rallenta verso la fine dell'animazione. Sulla destra è mostrata la differenza tra la parola chiave `ease-out` (per l'elemento blu) e la parola chiave `linear` (per l'elemento rosso). Una progressione dell'animazione simile alla parola chiave `ease-out` può essere ottenuta utilizzando una curva di Bezier cubica personalizzata.
-In generale, cambiando i punti di ancoraggio `p1` e `p2` otteniamo la creazione di diverse curve di Bezier, che controllano come l'animazione progredisce nel tempo. Ecco un esempio di curva Bezier che usa valori per imitare lo stile ease-out:
+In generale, cambiando i punti di ancoraggio `p1` e `p2` otteniamo la creazione di diverse curve di Bezier, che controllano come l'animazione progredisce nel tempo. Ecco un esempio di curva di Bezier che usa valori per imitare lo stile `ease-out`:
```css
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
diff --git a/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.md b/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.md
index 8be8e6ebd71..16d83328aa2 100644
--- a/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.md
+++ b/curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.md
@@ -47,7 +47,7 @@ La fermata del colore a 0 pixel dovrebbe essere `yellow`.
assert(code.match(/yellow\s+?0(px)?/gi));
```
-Un color stop a 40 pixel dovrebbe essere `yellow`.
+Il primo stop di colore a 40 pixel dovrebbe essere `yellow`.
```js
assert(code.match(/yellow\s+?40px/gi));
diff --git a/curriculum/challenges/italian/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md b/curriculum/challenges/italian/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md
index 44a101e9d4b..be0df5aba9c 100644
--- a/curriculum/challenges/italian/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md
+++ b/curriculum/challenges/italian/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md
@@ -11,7 +11,7 @@ dashedName: change-a-variable-for-a-specific-area
Quando crei le tue variabili in `:root` questo imposterà il loro valore per l'intera pagina.
-È quindi possibile sovrascrivere queste variabili impostandole di nuovo all'interno di un elemento specifico.
+È quindi possibile sovrascrivere queste variabili impostandole nuovamente all'interno di un selettore specifico.
# --instructions--
@@ -27,7 +27,7 @@ assert(
);
```
-La classe `penguin` non dovrebbe contenere la proprietà `background-color`
+La classe `penguin` non dovrebbe contenere la proprietà `background-color`.
```js
assert(
diff --git a/curriculum/challenges/italian/01-responsive-web-design/basic-css/create-a-custom-css-variable.md b/curriculum/challenges/italian/01-responsive-web-design/basic-css/create-a-custom-css-variable.md
index 2511e2177b4..e8cb0a27d90 100644
--- a/curriculum/challenges/italian/01-responsive-web-design/basic-css/create-a-custom-css-variable.md
+++ b/curriculum/challenges/italian/01-responsive-web-design/basic-css/create-a-custom-css-variable.md
@@ -15,7 +15,7 @@ Per creare una variabile CSS, hai solo bisogno di dargli un nome con due trattin
--penguin-skin: gray;
```
-Questo creerà una variabile chiamata `--penguin-skin` e assegnerà ad essa il valore di `gray`. Ora puoi usare quella variabile da altre parti nel tuo CSS per impostare il valore di altri elementi su grigio.
+Questo creerà una variabile chiamata `--penguin-skin` e assegnerà ad essa il valore di `gray`. Ora puoi usare quella variabile anche da altre parti nel tuo CSS per impostare il valore di altre proprietà su grigio.
# --instructions--
diff --git a/curriculum/challenges/italian/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md b/curriculum/challenges/italian/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md
index 4de3b723048..f4455dfa901 100644
--- a/curriculum/challenges/italian/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md
+++ b/curriculum/challenges/italian/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md
@@ -77,7 +77,7 @@ assert(
);
```
-Il tuo elemento `h1` dovrebbe ereditare il colore verde dal tuo elemento`body`.
+Il tuo elemento `h1` dovrebbe ereditare il colore `green` dal tuo elemento `body`.
```js
assert($('h1').length > 0 && $('h1').css('color') === 'rgb(0, 128, 0)');
diff --git a/curriculum/challenges/italian/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md b/curriculum/challenges/italian/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md
index 53c6be18761..71260733906 100644
--- a/curriculum/challenges/italian/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md
+++ b/curriculum/challenges/italian/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md
@@ -27,7 +27,7 @@ class="class1 class2"
**Nota:** Non importa in quale ordine sono elencate le classi nell'elemento HTML.
-Quello che veramente conta è l'ordine delle dichiarazioni di `class` nella sezione `