. Required DOM elements are queried on the moment of each test. Wenn du ein Frontend-Framework (wie z. B. Vue) verwendest, können die Testergebnisse für dynamische Inhalte ungenau sein. Wir hoffen, dass wir sie irgendwann unterbringen können, aber diese Frameworks werden derzeit nicht für D3-Projekte unterstützt.
**User Story #1:** Meine Tree Map sollte eine Bezeichnung mit der entsprechenden `id="title"` haben.
diff --git a/curriculum/challenges/german/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md b/curriculum/challenges/german/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
index 4bb666b2ae7..48703cd0af5 100644
--- a/curriculum/challenges/german/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
+++ b/curriculum/challenges/german/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
@@ -50,7 +50,7 @@ Reiche deine Seite ein, wenn du davon ausgehst, alles richtig gemacht zu haben.
# --hints--
-You should serialize user function correctly.
+You should serialize the user object correctly.
```js
async (getUserInput) => {
@@ -70,7 +70,7 @@ async (getUserInput) => {
}
```
-You should deserialize user function correctly.
+You should deserialize the user object correctly.
```js
async (getUserInput) => {
diff --git a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-100-arranged-probability.md b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-100-arranged-probability.md
index 4507fa49c56..8f42b4ad388 100644
--- a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-100-arranged-probability.md
+++ b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-100-arranged-probability.md
@@ -1,6 +1,6 @@
---
id: 5900f3d01000cf542c50fee3
-title: 'Problem 100: Arranged probability'
+title: 'Problem 100: Arrangierte Wahrscheinlichkeit'
challengeType: 1
forumTopicId: 301724
dashedName: problem-100-arranged-probability
@@ -8,47 +8,47 @@ dashedName: problem-100-arranged-probability
# --description--
-If a box contains twenty-one colored discs, composed of fifteen blue discs and six red discs, and two discs were taken at random, it can be seen that the probability of taking two blue discs.
+Wenn eine Schachtel einundzwanzig farbige Scheiben enthält, die sich aus fünfzehn blauen und sechs roten Scheiben zusammensetzen, und zwei Scheiben nach dem Zufallsprinzip entnommen werden, zeigt sich, dass die Wahrscheinlichkeit, zwei blaue Scheiben zu entnehmen, sehr groß ist.
$${P(BB)} = \frac{15}{21}×\frac{14}{20} = \frac{1}{2}$$
-The next such arrangement, for which there is exactly a 50% chance of taking two blue discs at random, is a box containing eighty-five blue discs and thirty-five red discs.
+Die nächste Anordnung, bei der die Wahrscheinlichkeit, zwei blaue Scheiben zufällig zu nehmen, genau 50 % beträgt, gibt es eine Schachtel mit fünfundachtzig blauen Scheiben und fünfunddreißig roten Scheiben.
-By finding the first arrangement to contain over `limit` discs in total, determine the number of blue discs that the box would contain.
+Indem du die erste Anordnung findest, die mehr als `limit` Scheiben enthält, bestimmst du die Anzahl der blauen Scheiben, die die Schachtel enthalten würde.
# --hints--
-`arrangedProbability(20)` should return a number.
+`arrangedProbability(20)` sollte eine Zahl zurückgeben.
```js
assert(typeof arrangedProbability(10) === 'number');
```
-`arrangedProbability(20)` should return `15`.
+`arrangedProbability(20)` sollte `15` zurückgeben.
```js
assert.strictEqual(arrangedProbability(20), 15);
```
-`arrangedProbability(100)` should return `85`.
+`arrangedProbability(100)` sollte `85` zurückgeben.
```js
assert.strictEqual(arrangedProbability(100), 85);
```
-`arrangedProbability(100000)` should return `97513`.
+`arrangedProbability(100000)` sollte `97513` zurückgeben.
```js
assert.strictEqual(arrangedProbability(100000), 97513);
```
-`arrangedProbability(1000000000)` should return `3822685023`.
+`arrangedProbability(1000000000)` sollte `3822685023` zurückgeben.
```js
assert.strictEqual(arrangedProbability(1000000000), 3822685023);
```
-`arrangedProbability(1000000000000)` should return `756872327473`.
+`arrangedProbability(1000000000000)` sollte `756872327473` zurückgeben.
```js
assert.strictEqual(arrangedProbability(1000000000000), 756872327473);
diff --git a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-101-optimum-polynomial.md b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-101-optimum-polynomial.md
index 803f95dc33e..6ff069cca4b 100644
--- a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-101-optimum-polynomial.md
+++ b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-101-optimum-polynomial.md
@@ -1,6 +1,6 @@
---
id: 5900f3d21000cf542c50fee4
-title: 'Problem 101: Optimum polynomial'
+title: 'Problem 101: Optimales Polynom'
challengeType: 1
forumTopicId: 301725
dashedName: problem-101-optimum-polynomial
@@ -8,31 +8,31 @@ dashedName: problem-101-optimum-polynomial
# --description--
-If we are presented with the first k terms of a sequence it is impossible to say with certainty the value of the next term, as there are infinitely many polynomial functions that can model the sequence.
+Wenn wir die ersten k Terme einer Folge erhalten, ist es unmöglich, den Wert des nächsten Terms mit Sicherheit zu bestimmen, da es unendlich viele Polynomfunktionen gibt, die die Folge modellieren können.
-As an example, let us consider the sequence of cube numbers. This is defined by the generating function, $u_n = n^3: 1, 8, 27, 64, 125, 216, \ldots$
+Betrachten wir als Beispiel die Folge von Würfelzahlen. Diese ist definiert durch die generierende Funktion $u_n = n^3: 1, 8, 27, 64, 125, 216, \ldots$
-Suppose we were only given the first two terms of this sequence. Working on the principle that "simple is best" we should assume a linear relationship and predict the next term to be 15 (common difference 7). Even if we were presented with the first three terms, by the same principle of simplicity, a quadratic relationship should be assumed.
+Nehmen wir an, wir hätten nur die ersten beiden Terme dieser Folge. Nach dem Prinzip "einfach ist am besten" sollten wir eine lineare Beziehung annehmen und den nächsten Term auf 15 (gemeinsame Differenz 7) vorhersagen. Selbst wenn wir die ersten drei Terme hätten, müsste nach demselben Prinzip der Einfachheit eine quadratische Beziehung angenommen werden.
-We shall define $OP(k, n)$ to be the $n^{th}$ term of the optimum polynomial generating function for the first k terms of a sequence. It should be clear that $OP(k, n)$ will accurately generate the terms of the sequence for $n ≤ k$, and potentially the first incorrect term (FIT) will be $OP(k, k+1)$; in which case we shall call it a bad OP (BOP).
+Wir definieren $OP(k, n)$ als den $n^{th}$-Term der optimalen polynomialen generierenden Funktion für die ersten k Terme einer Folge. Es sollte klar sein, dass $OP(k, n)$ die Terme der Sequenz für $n ≤ k$ genau erzeugt, und dass der erste falsche Term (FIT) möglicherweise $OP(k, k+1)$ ist; in diesem Fall nennen wir ihn einen schlechten OP (BOP).
-As a basis, if we were only given the first term of sequence, it would be most sensible to assume constancy; that is, for $n ≥ 2, OP(1, n) = u_1$.
+Als Grundlage wäre es am sinnvollsten, wenn man nur den ersten Term der Folge als konstant annimmt, d. h. für $n ≥ 2, OP(1, n) = u_1$.
-Hence we obtain the following OPs for the cubic sequence:
+Daraus ergeben sich die folgenden OPs für die kubische Folge:
$$\begin{array}{ll} OP(1, n) = 1 & 1, {\color{red}1}, 1, 1, \ldots \\\\
OP(2, n) = 7n−6 & 1, 8, {\color{red}{15}}, \ldots \\\\ OP(3, n) = 6n^2−11n+6 & 1, 8, 27, {\color{red}{58}}, \ldots \\\\
OP(4, n) = n^3 & 1, 8, 27, 64, 125, \ldots \end{array}$$
-Clearly no BOPs exist for k ≥ 4. By considering the sum of FITs generated by the BOPs (indicated in $\color{red}{red}$ above), we obtain 1 + 15 + 58 = 74. Consider the following tenth degree polynomial generating function:
+Offensichtlich gibt es keine BOPs für k ≥ 4. Betrachtet man die Summe der von den BOPs erzeugten FITs (oben in $\color{red}{red}$ angegeben), erhält man 1 + 15 + 58 = 74. Betrachte die folgende polynomiale generierende Funktion zehnten Grades:
$$u_n = 1 − n + n^2 − n^3 + n^4 − n^5 + n^6 − n^7 + n^8 − n^9 + n^{10}$$
-Find the sum of FITs for the BOPs.
+Ermittle die Summe der FITs für die BOPs.
# --hints--
-`optimumPolynomial()` should return `37076114526`.
+`optimumPolynomial()` sollte `37076114526` zurückgeben.
```js
assert.strictEqual(optimumPolynomial(), 37076114526);
diff --git a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.md b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.md
index c22d35ca01e..61bfbef7369 100644
--- a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.md
+++ b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.md
@@ -1,6 +1,6 @@
---
id: 5900f3d61000cf542c50fee7
-title: 'Problem 103: Special subset sums: optimum'
+title: 'Problem 103: Spezielle Teilmengensummen: optimal'
challengeType: 1
forumTopicId: 301727
dashedName: problem-103-special-subset-sums-optimum
@@ -8,29 +8,29 @@ dashedName: problem-103-special-subset-sums-optimum
# --description--
-Let $S(A)$ represent the sum of elements in set A of size n. We shall call it a special sum set if for any two non-empty disjoint subsets, B and C, the following properties are true:
+Lasse $S(A)$ die Summe der Elemente der Menge A der Größe n sein. Wir nennen sie eine spezielle Summenmenge, wenn für zwei beliebige nicht leere, disjunkte Teilmengen B und C die folgenden Eigenschaften zutreffen:
-1. $S(B) ≠ S(C)$; that is, sums of subsets cannot be equal.
-2. If B contains more elements than C then $S(B) > S(C)$.
+1. $S(B) ≠ S(C)$; heißt, die Summen der Teilmengen können nicht gleich sein.
+2. Wenn B mehr Elemente enthält als C, dann $S(B) > S(C)$.
-If $S(A)$ is minimised for a given n, we shall call it an optimum special sum set. The first five optimum special sum sets are given below.
+Wenn $S(A)$ für ein gegebenes n minimiert ist, nennen wir es eine optimale spezielle Summenmenge. Die ersten fünf optimalen Sondersummensätze sind nachstehend aufgeführt.
$$\begin{align} & n = 1: \\{1\\} \\\\
& n = 2: \\{1, 2\\} \\\\ & n = 3: \\{2, 3, 4\\} \\\\
& n = 4: \\{3, 5, 6, 7\\} \\\\ & n = 5: \\{6, 9, 11, 12, 13\\} \\\\
\end{align}$$
-It seems that for a given optimum set, $A = \\{a_1, a_2, \ldots, a_n\\}$, the next optimum set is of the form $B = \\{b, a_1 + b, a_2 + b, \ldots, a_n + b\\}$, where b is the "middle" element on the previous row.
+Es scheint, dass für eine gegebene optimale Menge $A = \\{a_1, a_2, \ldots, a_n\\}$ die nächste optimale Menge die Form $B = \\{b, a_1 + b, a_2 + b, \ldots, a_n + b\\}$ hat, wobei b das "mittlere" Element der vorherigen Reihe ist.
-By applying this "rule" we would expect the optimum set for $n = 6$ to be $A = \\{11, 17, 20, 22, 23, 24\\}$, with $S(A) = 117$. However, this is not the optimum set, as we have merely applied an algorithm to provide a near optimum set. The optimum set for $n = 6$ is $A = \\{11, 18, 19, 20, 22, 25\\}$, with $S(A) = 115$ and corresponding set string: `111819202225`.
+Bei Anwendung dieser "Regel" würden wir erwarten, dass die optimale Menge für $n = 6$ $A = \\{11, 17, 20, 22, 23, 24\\}$ ist, mit $S(A) = 117$. Dies ist jedoch nicht die optimale Menge, da wir lediglich einen Algorithmus angewendet haben, der eine nahezu optimale Menge liefert. Die optimale Menge für $n = 6$ ist $A = \\{11, 18, 19, 20, 22, 25\\}$, mit $S(A) = 115$ und dem zugehörigen eingestellten String:`111819202225`.
-Given that A is an optimum special sum set for $n = 7$, find its set string.
+Es ist gegeben, dass A eine optimale spezielle Summenmenge für $n = 7$ ist, und finde den zugehörigen String.
**Hinweis:** Dieses Problem steht im Zusammenhang mit Problem 105 und 106.
# --hints--
-`optimumSpecialSumSet()` should return the string `20313839404245`.
+`optimumSpecialSumSet()` sollte den String `20313839404245` zurückgeben.
```js
assert.strictEqual(optimumSpecialSumSet(), '20313839404245');
diff --git a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.md b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.md
index baa7dcbfdbd..ef71e357a70 100644
--- a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.md
+++ b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.md
@@ -1,6 +1,6 @@
---
id: 5900f3d51000cf542c50fee6
-title: 'Problem 104: Pandigital Fibonacci ends'
+title: 'Problem 104: Pandigitale Fibonacci-Enden'
challengeType: 1
forumTopicId: 301728
dashedName: problem-104-pandigital-fibonacci-ends
@@ -8,17 +8,17 @@ dashedName: problem-104-pandigital-fibonacci-ends
# --description--
-The Fibonacci sequence is defined by the recurrence relation:
+Die Fibonacci-Folge ist durch die Rekursionsbeziehung definiert:
-$F_n = F_{n − 1} + F_{n − 2}$, where $F_1 = 1$ and $F_2 = 1$
+$F_n = F_{n - 1} + F_{n - 2}$, wobei $F_1 = 1$ und $F_2 = 1$
-It turns out that $F_{541}$, which contains 113 digits, is the first Fibonacci number for which the last nine digits are 1 - 9 pandigital (contain all the digits 1 to 9, but not necessarily in order). And $F_{2749}$, which contains 575 digits, is the first Fibonacci number for which the first nine digits are 1 - 9 pandigital.
+Es stellt sich heraus, dass $F_{541}$, das 113 Ziffern enthält, die erste Fibonacci-Zahl ist, bei der die letzten neun Ziffern 1 - 9 pandigital sind (alle Ziffern 1 bis 9 enthalten, aber nicht unbedingt in der richtigen Reihenfolge). Und $F_{2749}$, die 575 Ziffern enthält, ist die erste Fibonacci-Zahl, bei der die ersten neun Ziffern 1 - 9 pandigital sind.
-Given that $F_k$ is the first Fibonacci number for which the first nine digits AND the last nine digits are 1 - 9 pandigital, find `k`.
+Es ist gegeben, dass $F_k$ die erste Fibonacci-Zahl ist, bei der die ersten neun Ziffern UND die letzten neun Ziffern 1 - 9 pandigital sind, finde `k`.
# --hints--
-`pandigitalFibonacciEnds()` should return `329468`.
+`pandigitalFibonacciEnds()` sollte `329468` zurückgeben.
```js
assert.strictEqual(pandigitalFibonacciEnds(), 329468);
diff --git a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.md b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.md
index 1636463728d..d13b9fe7d55 100644
--- a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.md
+++ b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.md
@@ -1,6 +1,6 @@
---
id: 5900f3d61000cf542c50fee8
-title: 'Problem 105: Special subset sums: testing'
+title: 'Problem 105: Spezielle Teilmengensummen: Prüfung'
challengeType: 1
forumTopicId: 301729
dashedName: problem-105-special-subset-sums-testing
@@ -8,20 +8,20 @@ dashedName: problem-105-special-subset-sums-testing
# --description--
-Let $S(A)$ represent the sum of elements in set A of size n. We shall call it a special sum set if for any two non-empty disjoint subsets, B and C, the following properties are true:
+Lasse $S(A)$ die Summe der Elemente der Menge A der Größe n sein. Wir nennen sie eine spezielle Summenmenge, wenn für zwei beliebige nicht leere, disjunkte Teilmengen B und C die folgenden Eigenschaften zutreffen:
-1. $S(B) ≠ S(C)$; that is, sums of subsets cannot be equal.
-2. If B contains more elements than C then $S(B) > S(C)$.
+1. $S(B) ≠ S(C)$; das heißt, die Summen der Teilmengen können nicht gleich sein.
+2. Wenn B mehr Elemente als C enthält, dann $S(B) > S(C)$.
-For example, {81, 88, 75, 42, 87, 84, 86, 65} is not a special sum set because 65 + 87 + 88 = 75 + 81 + 84, whereas {157, 150, 164, 119, 79, 159, 161, 139, 158} satisfies both rules for all possible subset pair combinations and $S(A) = 1286$.
+Zum Beispiel ist {81, 88, 75, 42, 87, 84, 86, 65} keine spezielle Summenmenge, weil 65 + 87 + 88 = 75 + 81 + 84, während {157, 150, 164, 119, 79, 159, 161, 139, 158} beide Regeln für alle möglichen Kombinationen von Teilmengenpaaren erfüllt und $S(A) = 1286$ ist.
-Using `sets`, an array with one-hundred sets, containing seven to twelve elements (the two examples given above are the first two sets), identify all the special sum sets, $A_1, A_2, \ldots, A_k$, and find the value of $(A_1) + S(A_2) + \cdots + S(A_k)$.
+Identifiziere mit Hilfe von `sets`, ein Array mit einhundert Sets, die sieben bis zwölf Elemente enthalten (die beiden obigen Beispiele sind die ersten beiden Sets), alle speziellen Summen-Sets $A_1, A_2, \ldots, A_k$, und finde den Wert von $(A_1) + S(A_2) + \cdots + S(A_k)$.
-**Note:** This problem is related to Problem 103 and Problem 106.
+**Hinweis:** Dieses Problem steht im Zusammenhang mit Problem 103 und 106.
# --hints--
-`testingSpecialSubsetSums(testSets)` should return `73702`.
+`testingSpecialSubsetSums(testSets)` sollte `73702` zurückgeben.
```js
assert.strictEqual(testingSpecialSubsetSums(_testSets), 73702);
diff --git a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.md b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.md
index 67638b56e90..511487f388e 100644
--- a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.md
+++ b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.md
@@ -1,6 +1,6 @@
---
id: 5900f3d71000cf542c50fee9
-title: 'Problem 106: Special subset sums: meta-testing'
+title: 'Problem 106: Spezielle Teilmengen: Meta-Tests'
challengeType: 1
forumTopicId: 301730
dashedName: problem-106-special-subset-sums-meta-testing
@@ -8,22 +8,22 @@ dashedName: problem-106-special-subset-sums-meta-testing
# --description--
-Let $S(A)$ represent the sum of elements in set A of size n. We shall call it a special sum set if for any two non-empty disjoint subsets, B and C, the following properties are true:
+Lasse $S(A)$ die Summe der Elemente der Menge A der Größe n sein. Wir nennen sie eine spezielle Summenmenge, wenn für zwei beliebige nicht leere, disjunkte Teilmengen B und C die folgenden Eigenschaften zutreffen:
-1. $S(B) ≠ S(C)$; that is, sums of subsets cannot be equal.
-2. If B contains more elements than C then $S(B) > S(C)$.
+1. $S(B) ≠ S(C)$; heißt, die Summen der Teilmengen können nicht gleich sein.
+2. Wenn B mehr Elemente enthält als C, dann $S(B) > S(C)$.
-For this problem we shall assume that a given set contains n strictly increasing elements and it already satisfies the second rule.
+Für dieses Problem nehmen wir an, dass eine gegebene Menge n streng zunehmende Elemente enthält und bereits die zweite Regel erfüllt.
-Surprisingly, out of the 25 possible subset pairs that can be obtained from a set for which n = 4, only 1 of these pairs need to be tested for equality (first rule). Similarly, when n = 7, only 70 out of the 966 subset pairs need to be tested.
+Überraschenderweise muss von den 25 möglichen Teilmengenpaaren, die sich aus einer Menge mit n = 4 ergeben können, nur 1 dieser Paare auf Gleichheit geprüft werden (erste Regel). Ähnlich verhält es sich, wenn n = 7 ist, dann müssen nur 70 der 966 Teilmengenpaare getestet werden.
-For n = 12, how many of the 261625 subset pairs that can be obtained need to be tested for equality?
+Wie viele der 261625 möglichen Teilmengenpaare müssen bei n = 12 auf Gleichheit geprüft werden?
-**Note:** This problem is related to Problem 103 and Problem 105.
+**Hinweis:** Dieses Problem hängt mit Problem 103 und Problem 105 zusammen.
# --hints--
-`subsetSumsMetaTesting()` should return `21384`.
+`subsetSumsMetaTesting()` sollte `21384` zurückgeben.
```js
assert.strictEqual(subsetSumsMetaTesting(), 21384);
diff --git a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-107-minimal-network.md b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-107-minimal-network.md
index 3b69363096d..7d00e758383 100644
--- a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-107-minimal-network.md
+++ b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-107-minimal-network.md
@@ -1,6 +1,6 @@
---
id: 5900f3d91000cf542c50feea
-title: 'Problem 107: Minimal network'
+title: 'Problem 107: Minimales Netz'
challengeType: 1
forumTopicId: 301731
dashedName: problem-107-minimal-network
@@ -8,11 +8,11 @@ dashedName: problem-107-minimal-network
# --description--
-The following undirected network consists of seven vertices and twelve edges with a total weight of 243.
+Das folgende ungekreuzte Netz besteht aus sieben Knoten und zwölf Kanten mit einem Gesamtgewicht von 243.
-
+
-The same network can be represented by the matrix below.
+Das gleiche Netz kann durch die folgende Matrix dargestellt werden.
| | A | B | C | D | E | F | G |
| - | -- | -- | -- | -- | -- | -- | -- |
@@ -25,15 +25,15 @@ The same network can be represented by the matrix below.
| G | - | - | - | 23 | 11 | 27 | - |
-However, it is possible to optimise the network by removing some edges and still ensure that all points on the network remain connected. The network which achieves the maximum saving is shown below. It has a weight of 93, representing a saving of 243 − 93 = 150 from the original network.
+Es ist jedoch möglich, das Netz zu optimieren, indem man einige Kanten entfernt und trotzdem sicherstellt, dass alle Punkte des Netzes verbunden bleiben. Das Netz, das die maximale Reduzierung erreicht, ist unten dargestellt. Es hat ein Gewicht von 93, was eine Einsparung von 243 - 93 = 150 gegenüber dem ursprünglichen Netz bedeutet.
-
+
-Using `network`, an 2D array representing network in matrix form, find the maximum saving which can be achieved by removing redundant edges whilst ensuring that the network remains connected. Vertices not having connection will be represented with `-1`.
+Finde mit Hilfe von `network`, einer 2D-Anordnung, das das Netz in Form einer Matrix darstellt, die maximale Einsparung, die durch das Entfernen überflüssiger Kanten erreicht werden kann, während das Netz verbunden bleibt. Eckpunkte, die keine Verbindung haben, werden mit `-1` dargestellt.
# --hints--
-`minimalNetwork(testNetwork)` should return `259679`.
+`minimalNetwork(testNetwork)` sollte `259679` zurückgeben.
```js
assert.strictEqual(minimalNetwork(_testNetwork), 259679);
diff --git a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.md b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.md
index 56fbe532238..6cf428a92c2 100644
--- a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.md
+++ b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.md
@@ -1,6 +1,6 @@
---
id: 5900f3d91000cf542c50feeb
-title: 'Problem 108: Diophantine Reciprocals I'
+title: 'Problem 108: Diophantische Umkehrfunktionen I'
challengeType: 1
forumTopicId: 301732
dashedName: problem-108-diophantine-reciprocals-i
@@ -8,21 +8,21 @@ dashedName: problem-108-diophantine-reciprocals-i
# --description--
-In the following equation x, y, and n are positive integers.
+In der folgenden Gleichung sind x, y und n positive Integer.
$$\frac{1}{x} + \frac{1}{y} = \frac{1}{n}$$
-For `n` = 4 there are exactly three distinct solutions:
+Für `n` = 4 gibt es genau drei unterschiedliche Lösungen:
$$\begin{align} & \frac{1}{5} + \frac{1}{20} = \frac{1}{4}\\\\
\\\\ & \frac{1}{6} + \frac{1}{12} = \frac{1}{4}\\\\
\\\\ & \frac{1}{8} + \frac{1}{8} = \frac{1}{4} \end{align}$$
-What is the least value of `n` for which the number of distinct solutions exceeds one-thousand?
+Was ist der kleinste Wert von `n`, für den die Anzahl der eindeutigen Lösungen eintausend übersteigt?
# --hints--
-`diophantineOne()` should return `180180`.
+`diophantineOne()` sollte `180180` zurückgeben.
```js
assert.strictEqual(diophantineOne(), 180180);
diff --git a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-109-darts.md b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-109-darts.md
index 5064f7e146c..8becd12d958 100644
--- a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-109-darts.md
+++ b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-109-darts.md
@@ -1,6 +1,6 @@
---
id: 5900f3db1000cf542c50feec
-title: 'Problem 109: Darts'
+title: 'Problem 109: Dart'
challengeType: 1
forumTopicId: 301733
dashedName: problem-109-darts
@@ -8,17 +8,17 @@ dashedName: problem-109-darts
# --description--
-In the game of darts a player throws three darts at a target board which is split into twenty equal sized sections numbered one to twenty.
+Beim Dartspiel wirft ein Spieler drei Darts auf eine Zielscheibe, die in zwanzig gleich große Abschnitte mit den Nummern eins bis zwanzig unterteilt ist.
-
+
-The score of a dart is determined by the number of the region that the dart lands in. A dart landing outside the red/green outer ring scores zero. The black and cream regions inside this ring represent single scores. However, the red/green outer ring and middle ring score double and treble scores respectively.
+Die Punktzahl wird durch die Zahl des Bereich bestimmt, in dem der Dart landet. Eine Dart-Landung außerhalb des rot-grünen äußeren Rings wird mit Null bewertet. Die schwarzen und cremefarbenen Bereiche in diesem Ring stellen einfache Punkte dar. Der rot-grüne äußere und mittlere Ring erzielen jedoch doppelte bzw. dreifache Punkte.
-At the center of the board are two concentric circles called the bull region, or bulls-eye. The outer bull is worth 25 points and the inner bull is a double, worth 50 points.
+Im Zentrum der Scheibe befinden sich zwei mittige Kreise, die Bullregion oder Bulls-eye genannt werden. Der äußere Bulle ist 25 Punkte wert und der innere Bulle ist ein Pasch, der 50 Punkte wert ist.
-There are many variations of rules but in the most popular game the players will begin with a score of 301 or 501 and the first player to reduce their running total to zero is a winner. However, it is normal to play a "doubles out" system, which means that the player must land a double (including the double bulls-eye at the center of the board) on their final dart to win; any other dart that would reduce their running total to one or lower means the score for that set of three darts is "bust".
+Es gibt viele Regelvariationen, aber bei dem beliebtesten Spiel beginnen die Spieler mit einer Punktzahl von 301 oder 501, und der erste Spieler, der seine laufende Punktzahl auf null bringt, ist der Gewinner. Es ist jedoch üblich, ein "Double Out"-System zu spielen, was bedeutet, dass der Spieler mit seinem letzten Dart ein Double (einschließlich des doppelten Bulls-Eye in der Mitte des Boards) treffen muss, um zu gewinnen; jeder andere Wurf, der seine laufende Gesamtpunktzahl auf eins oder weniger reduzieren würde, bedeutet, dass das Ergebnis für diesen Satz von drei Darts "Bust" ist.
-When a player is able to finish on their current score it is called a "checkout" and the highest checkout is 170: T20 T20 D25 (two treble 20s and double bull). There are exactly eleven distinct ways to checkout on a score of 6:
+Wenn ein Spieler in der Lage ist, seine aktuelle Punktzahl zu erreichen, wird dies als "Checkout" bezeichnet und das höchste Checkout ist 170: T20 T20 D25 (zwei dreifache 20er und doppelter Bulle). Bei einer Punktzahl von 6 gibt es genau elf verschiedene Möglichkeiten, zur Kasse zu gehen:
$$\begin{array} \text{D3} & & \\\\
D1 & D2 & \\\\ S2 & D2 & \\\\
@@ -27,11 +27,11 @@ $$\begin{array} \text{D3} & & \\\\
S1 & S3 & D1 \\\\ D1 & D1 & D1 \\\\
D1 & S2 & D1 \\\\ S2 & S2 & D1 \end{array}$$
-Note that D1 D2 is considered different from D2 D1 as they finish on different doubles. However, the combination S1 T1 D1 is considered the same as T1 S1 D1. In addition, we shall not include misses in considering combinations; for example, D3 is the same as 0 D3 and 0 0 D3. Incredibly there are 42336 distinct ways of checking out in total. How many distinct ways can a player checkout with a score less than 100?
+Beachte, dass D1 D2 sich von D2 D1 unterscheidet, da sie auf unterschiedlichen Doppeln enden. Die Kombination S1 T1 D1 wird jedoch als gleichwertig mit T1 S1 D1 angesehen. Außerdem werden bei der Betrachtung von Kombinationen keine Fehlschüsse berücksichtigt; so ist beispielsweise D3 dasselbe wie 0 D3 und 0 0 D3. Unglaublich, dass es insgesamt 42336 verschiedene Möglichkeiten des Checkouts gibt. Auf wie viele verschiedene Arten kann ein Spieler mit einer Punktzahl von weniger als 100 auschecken?
# --hints--
-`darts()` should return `38182`.
+`darts()` sollte `38182` zurückgeben.
```js
assert.strictEqual(darts(), 38182);
diff --git a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-95-amicable-chains.md b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-95-amicable-chains.md
index fe2d422a206..8fce5d47fc0 100644
--- a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-95-amicable-chains.md
+++ b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-95-amicable-chains.md
@@ -1,6 +1,6 @@
---
id: 5900f3cc1000cf542c50fede
-title: 'Problem 95: Amicable chains'
+title: 'Problem 95: Befreundete Ketten'
challengeType: 1
forumTopicId: 302212
dashedName: problem-95-amicable-chains
@@ -8,45 +8,45 @@ dashedName: problem-95-amicable-chains
# --description--
-The proper divisors of a number are all the divisors excluding the number itself. For example, the proper divisors of 28 are 1, 2, 4, 7, and 14. As the sum of these divisors is equal to 28, we call it a perfect number.
+Die eigentlichen Teiler einer Zahl sind alle Teiler außer der Zahl selbst. Die richtigen Teiler von 28 sind zum Beispiel 1, 2, 4, 7 und 14. Da die Summe dieser Teiler gleich 28 ist, nennen wir sie eine perfekte Zahl.
-Interestingly the sum of the proper divisors of 220 is 284 and the sum of the proper divisors of 284 is 220, forming a chain of two numbers. For this reason, 220 and 284 are called an amicable pair.
+Interessanterweise ist die Summe der richtigen Teiler von 220 gleich 284 und die Summe der richtigen Teiler von 284 gleich 220, so dass eine Kette von zwei Zahlen entsteht. Aus diesem Grund werden 220 und 284 als ein befreundetes Paar bezeichnet.
-Perhaps less well known are longer chains. For example, starting with 12496, we form a chain of five numbers:
+Weniger bekannt sind vielleicht die längeren Ketten. Zum Beispiel, beginnend mit 12496, bilden wir eine Kette von fünf Zahlen:
$$ 12496 → 14288 → 15472 → 14536 → 14264 \\,(→ 12496 → \cdots) $$
-Since this chain returns to its starting point, it is called an amicable chain.
+Da diese Kette zu deinem Ausgangspunkt zurückkehrt, nennt man sie eine befreundete Kette.
-Find the smallest member of the longest amicable chain with no element exceeding `limit`.
+Finde das kleinste Glied der längsten befreundeten Kette, in der kein Element `limit` überschreitet.
# --hints--
-`amicableChains(300)` should return a number.
+`amicableChains(300)` sollte eine Zahl zurückgeben.
```js
assert(typeof amicableChains(300) === 'number');
```
-`amicableChains(300)` should return `220`.
+`amicableChains(300)` sollte `220` zurückgeben.
```js
assert.strictEqual(amicableChains(300), 220);
```
-`amicableChains(15000)` should return `220`.
+`amicableChains(15000)` sollte `220` zurückgeben.
```js
assert.strictEqual(amicableChains(15000), 220);
```
-`amicableChains(100000)` should return `12496`.
+`amicableChains(100000)` sollte `12496` zurückgeben.
```js
assert.strictEqual(amicableChains(100000), 12496);
```
-`amicableChains(1000000)` should return `14316`.
+`amicableChains(1000000)` sollte `14316` zurückgeben.
```js
assert.strictEqual(amicableChains(1000000), 14316);
diff --git a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-96-su-doku.md b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-96-su-doku.md
index 098fdb0d398..e031d51c9d6 100644
--- a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-96-su-doku.md
+++ b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-96-su-doku.md
@@ -1,6 +1,6 @@
---
id: 5900f3cc1000cf542c50fedf
-title: 'Problem 96: Su Doku'
+title: 'Problem 96: Sudoku'
challengeType: 1
forumTopicId: 302213
dashedName: problem-96-su-doku
@@ -8,7 +8,7 @@ dashedName: problem-96-su-doku
# --description--
-Su Doku (Japanese meaning *number place*) is the name given to a popular puzzle concept. Its origin is unclear, but credit must be attributed to Leonhard Euler who invented a similar, and much more difficult, puzzle idea called Latin Squares. The objective of Su Doku puzzles, however, is to replace the blanks (or zeros) in a 9 by 9 grid in such that each row, column, and 3 by 3 box contains each of the digits 1 to 9. Below is an example of a typical starting puzzle grid and its solution grid.
+Sudoku (japanisch für *Zahlenort*) ist die Bezeichnung für ein beliebtes Rätsel. Sein Ursprung ist unklar, aber man sollte ihn Leonhard Euler zuschreiben, der ein ähnliches, aber viel schwierigeres Rätsel namens Lateinische Quadrate erfunden hat. Das Ziel von Sudoku-Rätseln ist es jedoch, die Leerstellen (oder Nullen) in einem 9 x 9-Gitter so zu ersetzen, dass jede Zeile, jede Spalte und jedes 3 x 3-Feld jede der Ziffern 1 bis 9 enthält. Unten siehst du ein Beispiel für ein typisches Start- und Lösungsraster.
@@ -100,27 +100,27 @@ Su Doku (Japanese meaning *number place*) is the name given to a popular puzzle
-A well constructed Su Doku puzzle has a unique solution and can be solved by logic, although it may be necessary to employ "guess and test" methods in order to eliminate options (there is much contested opinion over this). The complexity of the search determines the difficulty of the puzzle; the example above is considered easy because it can be solved by straight forward direct deduction.
+Ein gut konstruiertes Sudoku Rätsel hat eine eindeutige Lösung und kann mit Logik gelöst werden, auch wenn es notwendig sein kann, die "Raten und Testen"-Methoden anzuwenden, um Optionen auszuschließen (darüber gibt es viele kontroverse Meinungen). Die Komplexität der Suche bestimmt die Schwierigkeit des Puzzles; das obige Beispiel wird als einfach angesehen, da es durch direkte Schlussfolgerung gelöst werden kann.
-The `puzzlesArr` array contains different Su Doku puzzle strings ranging in difficulty, but all with unique solutions.
+Das `puzzlesArr`-Array enthält verschiedene Sudoku-Puzzle-Strings mit unterschiedlichen Schwierigkeitsgraden, aber alle mit einzigartigen Lösungen.
-By solving all puzzles in `puzzlesArr`, find the sum of the 3-digit numbers found in the top left corner of each solution grid; for example, 483 is the 3-digit number found in the top left corner of the solution grid above.
+Indem du alle Aufgaben in `puzzlesArr` löst, finde die Summe der dreistelligen Zahlen, die du in der linken oberen Ecke jedes Lösungsrasters finden kannst; zum Beispiel 483 ist die 3-stellige Nummer in der oberen linken Ecke des oben zu sehenden Lösungsrasters.
# --hints--
-`suDoku(testPuzzles1)` should return a number.
+`suDoku(testPuzzles1)` sollte eine Zahl zurückgeben.
```js
assert(typeof suDoku(_testPuzzles1) === 'number');
```
-`suDoku(testPuzzles1)` should return `1190`.
+`suDoku(testPuzzles1)` sollte `1190` zurückgeben.
```js
assert.strictEqual(suDoku(_testPuzzles1), 1190);
```
-`suDoku(testPuzzles2)` should return `24702`.
+`suDoku(testPuzzles2)` sollte `24702` zurückgeben.
```js
assert.strictEqual(suDoku(_testPuzzles2), 24702);
diff --git a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.md b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.md
index cabdb3486c9..927fb736520 100644
--- a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.md
+++ b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.md
@@ -1,6 +1,6 @@
---
id: 5900f3ce1000cf542c50fee0
-title: 'Problem 97: Large non-Mersenne prime'
+title: 'Problem 97: Große "Nicht-Mersenne-Primzahl"'
challengeType: 1
forumTopicId: 302214
dashedName: problem-97-large-non-mersenne-prime
@@ -8,39 +8,39 @@ dashedName: problem-97-large-non-mersenne-prime
# --description--
-The first known prime found to exceed one million digits was discovered in 1999, and is a Mersenne prime of the form $2^{6972593} − 1$; it contains exactly 2,098,960 digits. Subsequently other Mersenne primes, of the form $2^p − 1$, have been found which contain more digits.
+Die erste bekannte Primzahl mit mehr als einer Million Ziffern wurde 1999 entdeckt und ist eine Mersenne-Primzahl der Form $2^{6972593} - 1$; sie enthält genau 2.098.960 Ziffern. In der Folge wurden weitere Mersenne-Zahlen der Form $2^p - 1$ gefunden, die mehr Ziffern enthalten.
-However, in 2004 there was found a massive non-Mersenne prime which contains 2,357,207 digits: $28433 × 2^{7830457} + 1$.
+Im Jahr 2004 wurde jedoch eine massive Nicht-Mersenne-Primzahl gefunden, die 2.357.207 Ziffern enthält: $28433 × 2^{7830457} + 1$. + 1$.
-Find the last ten digits of that non-Mersenne prime in the form $multiplier × 2^{power} + 1$.
+Finde die letzten zehn Ziffern dieser Nicht-Mersenne-Primzahl in der Form $multiplier × 2^{power} + 1$.
# --hints--
-`largeNonMersennePrime(19, 6833086)` should return a string.
+`largeNonMersennePrime(19, 6833086)` sollte einen String zurückgeben.
```js
assert(typeof largeNonMersennePrime(19, 6833086) === 'string');
```
-`largeNonMersennePrime(19, 6833086)` should return the string `3637590017`.
+`largeNonMersennePrime(19, 6833086)` sollte einen String `3637590017` zurückgeben.
```js
assert.strictEqual(largeNonMersennePrime(19, 6833086), '3637590017');
```
-`largeNonMersennePrime(27, 7046834)` should return the string `0130771969`.
+`largeNonMersennePrime(27, 7046834)` sollte einen String `0130771969` zurückgeben.
```js
assert.strictEqual(largeNonMersennePrime(27, 7046834), '0130771969');
```
-`largeNonMersennePrime(6679881, 6679881)` should return the string `4455386113`.
+`largeNonMersennePrime(6679881, 6679881)` sollte einen String `4455386113` zurückgeben.
```js
assert.strictEqual(largeNonMersennePrime(6679881, 6679881), '4455386113');
```
-`largeNonMersennePrime(28433, 7830457)` should return the string `8739992577`.
+`largeNonMersennePrime(28433, 7830457)` sollte einen String `8739992577` zurückgeben.
```js
assert.strictEqual(largeNonMersennePrime(28433, 7830457), '8739992577');
diff --git a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-98-anagramic-squares.md b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-98-anagramic-squares.md
index f54ab71dd62..f2fca009888 100644
--- a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-98-anagramic-squares.md
+++ b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-98-anagramic-squares.md
@@ -1,6 +1,6 @@
---
id: 5900f3cf1000cf542c50fee1
-title: 'Problem 98: Anagramic squares'
+title: 'Problem 98: Anagrammische Quadrate'
challengeType: 1
forumTopicId: 302215
dashedName: problem-98-anagramic-squares
@@ -8,35 +8,35 @@ dashedName: problem-98-anagramic-squares
# --description--
-By replacing each of the letters in the word CARE with 1, 2, 9, and 6 respectively, we form a square number: $1296 = 36^2$. What is remarkable is that, by using the same digital substitutions, the anagram, RACE, also forms a square number: $9216 = 96^2$. We shall call CARE (and RACE) a square anagram word pair and specify further that leading zeroes are not permitted, neither may a different letter have the same digital value as another letter.
+Ersetzt man die einzelnen Buchstaben des Wortes CARE durch 1, 2, 9 bzw. 6, erhält man eine quadratische Zahl: $1296 = 36^2$. Bemerkenswert ist, dass das Anagramm RACE mit denselben digitalen Substitutionen auch eine Quadratzahl bildet: $9216 = 96^2$. Wir nennen CARE (und RACE) ein quadratisches Anagramm-Wortpaar und legen fest, dass führende Nullen nicht erlaubt sind und dass ein anderer Buchstabe nicht den gleichen digitalen Wert wie ein anderer Buchstabe haben darf.
-Using the `words` array, find all the square anagram word pairs (a palindromic word is NOT considered to be an anagram of itself).
+Benutze das `words`-Array, um alle quadratischen Anagramm-Wortpaare zu finden (ein palindromisches Wort gilt NICHT als Anagramm seiner selbst).
-What is the largest square number formed by any member of such a pair?
+Wie groß ist die größte Quadratzahl, die von einem beliebigen Mitglied eines solchen Paares gebildet wird?
-**Note:** All anagrams formed must be contained in the given `words` array.
+**Hinweis:** Alle gebildeten Anagramme müssen in dem angegebenen `words`-Array enthalten sein.
# --hints--
-`anagramicSquares(['CARE', 'RACE'])` should return a number.
+`anagramicSquares(['CARE', 'RACE'])` sollte eine Zahl zurückgeben.
```js
assert(typeof anagramicSquares(['CARE', 'RACE']) === 'number');
```
-`anagramicSquares(['CARE', 'RACE'])` should return `9216`.
+`anagramicSquares(['CARE', 'RACE'])` sollte `9216` zurückgeben.
```js
assert.strictEqual(anagramicSquares(['CARE', 'RACE']), 9216);
```
-`anagramicSquares(testWords1)` should return `4761`.
+`anagramicSquares(testWords1)` sollte `4761` zurückgeben.
```js
assert.strictEqual(anagramicSquares(_testWords1), 4761);
```
-`anagramicSquares(testWords2)` should return `18769`.
+`anagramicSquares(testWords2)` sollte `18769` zurückgeben.
```js
assert.strictEqual(anagramicSquares(_testWords2), 18769);
diff --git a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-99-largest-exponential.md b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-99-largest-exponential.md
index af44a7d0bd7..8d1d2d09708 100644
--- a/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-99-largest-exponential.md
+++ b/curriculum/challenges/german/10-coding-interview-prep/project-euler/problem-99-largest-exponential.md
@@ -1,6 +1,6 @@
---
id: 5900f3d01000cf542c50fee2
-title: 'Problem 99: Largest exponential'
+title: 'Problem 99: Größter Exponentialwert'
challengeType: 1
forumTopicId: 302216
dashedName: problem-99-largest-exponential
@@ -8,27 +8,27 @@ dashedName: problem-99-largest-exponential
# --description--
-Comparing two numbers written in index form like $2^{11}$ and $3^7$ is not difficult, as any calculator would confirm that $2^{11} = 2048 < 3^7 = 2187$.
+Der Vergleich zweier in Indexform geschriebener Zahlen wie $2^{11}$ und $3^7$ ist nicht schwierig, denn jeder Taschenrechner würde bestätigen, dass $2^{11} = 2048 < 3^7 = 2187$.
-However, confirming that $632382^{518061} < 519432^{525806}$ would be much more difficult, as both numbers contain over three million digits.
+Die Bestätigung, dass $632382^{518061} < 519432^{525806}$ wäre viel schwieriger, da beide Zahlen über drei Millionen Ziffern enthalten.
-Using the 2D `baseExp` array of base/exponent pairs, determine pair with the greatest numerical value and return it.
+Bestimme mit Hilfe des 2D `baseExp`-Arrays von Basis- und Exponentenpaaren das Paar mit dem größten numerischen Wert und gib es zurück.
# --hints--
-`largestExponential(testArray1)` should return an array.
+`largestExponential(testArray1)` sollte einen Array zurückgeben.
```js
assert(Array.isArray(largestExponential(_testArray1)));
```
-`largestExponential(testArray1)` should return `[840237, 507276]`.
+`largestExponential(testArray1)` sollte `[840237, 507276]` zurückgeben.
```js
assert.deepEqual(largestExponential(_testArray1), [840237, 507276]);
```
-`largestExponential(testArray2)` should return `[895447, 504922]`.
+`largestExponential(testArray2)` sollte `[895447, 504922]` zurückgeben.
```js
assert.deepEqual(largestExponential(_testArray2), [895447, 504922]);
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md b/curriculum/challenges/german/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
index 01cff48050b..86867facf71 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
@@ -19,9 +19,9 @@ dashedName: build-a-technical-documentation-page
1. Die `.main-section`-Elemente sollten mindestens zehn `p`-Elemente enthalten (insgesamt)
1. Die `.main-section`-Elemente sollten mindestens fünf `code`-Elemente enthalten (insgesamt)
1. Die `.main-section`-Elemente sollten mindestens fünf `li`-Elemente enthalten (insgesamt)
-1. You can see a `nav` element with a corresponding `id="navbar"`
+1. Du kannst ein `nav`-Element mit entsprechender `id="navbar"` sehen
1. Das navbar-Element sollte ein `header`-Element enthalten, das einen Text enthält, der das Thema der technischen Dokumentation beschreibt
-1. Additionally, the navbar should contain link (`a`) elements with the class of `nav-link`. Es sollte eines für jedes Element der Klasse `main-section` geben
+1. Außerdem sollte die Navigationsleiste auch (`a`) -Link-Elemente der Klasse `nav-link` enthalten. Es sollte eines für jedes Element der Klasse `main-section` geben
1. Das `header`-Element in der `#navbar` muss vor jedem Link-Element (`a`) in der Navigationsleiste stehen
1. Jedes Element der Klasse `nav-link` sollte einen Text enthalten, der zu dem entsprechenden `header`-Text jeder `section` passt (wenn du z.B. einen Header bzw. eine Sektion mit „Hello world" hast, sollte deine Navigationsleiste ein Element mit eben jenem Text enthalten)
1. Wenn du auf ein Element der Navigationsleiste klickst, sollte die Seite zu der entsprechenden Sektion des `#main-doc`-Elements navigieren (klickst du z.B. auf ein `.nav-link`-Element, das den Text „Hello World" enthält, sollte die Seite zu einem `section`-Element mit dieser ID navigieren und nun den entsprechenden Header enthalten)
@@ -41,7 +41,7 @@ const el = document.getElementById('main-doc')
assert(!!el)
```
-You should have at least five `section` elements with a class of `main-section`.
+Du solltest mindestens fünf `section`-Elemente der Klasse `main-section` haben.
```js
const els = document.querySelectorAll('#main-doc section')
@@ -127,28 +127,28 @@ const els = document.querySelectorAll('.main-section li')
assert(els.length >= 5)
```
-You should have a `nav` element with an `id` of `navbar`.
+Du solltest ein `nav`-Element mit einer `id` von `navbar` haben.
```js
const el = document.getElementById('navbar')
assert(!!el && el.tagName === 'NAV')
```
-Your `#navbar` should have exactly one `header` element within it.
+Deine `#navbar` sollte genau ein `header`-Element enthalten.
```js
const els = document.querySelectorAll('#navbar header')
assert(els.length === 1)
```
-You should have at least one `a` element with a class of `nav-link`.
+Du solltest mindestens ein `a`-Element der Klasse `nav-link` haben.
```js
const els = document.querySelectorAll('a.nav-link')
assert(els.length >= 1)
```
-All of your `.nav-link` elements should be anchor (`a`) elements.
+All deine `.nav-link`-Elemente sollten Ankerelemente (`a`) sein.
```js
const els = document.querySelectorAll('.nav-link')
@@ -158,7 +158,7 @@ els.forEach(el => {
assert(els.length > 0)
```
-All of your `.nav-link` elements should be in the `#navbar`.
+All deine `.nav-link`-Elemente sollten sich in der `#navbar` befinden.
```js
const els1 = document.querySelectorAll('.nav-link')
@@ -221,7 +221,7 @@ const left2 = el?.offsetLeft
assert(!!el && left1 >= -15 && left1 <= 15 && left2 >= -15 && left2 <= 15)
```
-Your Technical Documentation project should use at least one media query.
+Dein Projekt für die Technische Dokumentation sollte mindestens eine Media Query (Medienabfrage) verwenden.
```js
const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6141fed65b61320743da5894.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6141fed65b61320743da5894.md
index fda3365fa81..e8eaa924e0c 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6141fed65b61320743da5894.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6141fed65b61320743da5894.md
@@ -7,7 +7,7 @@ dashedName: step-15
# --description--
-To increase the page accessibility, the `role` attribute can be used to indicate the purpose behind an element on the page to assistive technologies. The `role` attribute is a part of the _Web Accessibility Initiative_ (WAI), and accepts preset values.
+Das `role`-Attribut kann dazu verwendet werden, den Zweck eines Seitenelements assistiven Web-Technologien mitzuteilen und damit die Barrierefreiheit der Seite zu verbessern. Das `role`-Attribut ist Teil der _Web Accessibility Initiative_ (WAI) und akzeptiert voreingestellte Werte.
Vergebe an jedes `section`-Element die `region`-Rolle.
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614202874ca576084fca625f.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614202874ca576084fca625f.md
index f4b4d1b4691..1746196a72c 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614202874ca576084fca625f.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614202874ca576084fca625f.md
@@ -15,77 +15,77 @@ Add the following `aria-labelledby` attributes to the `section` elements:
- `html-questions`
- `css-questions`
-Then, within each `section` element, nest one `h2` element with an `id` matching the corresponding `aria-labelledby` attribute. Gib jedem `h2` einen passenden Textinhalt.
+Verschachtele anschließend – innerhalb eines jeden `section`-Elements – ein `h2`-Element mit einer `id`, die mit dem entsprechenden `aria-labelledby`-Attribut übereinstimmt. Gib jedem `h2` einen passenden Textinhalt.
# --hints--
-You should give the first `section` element an `aria-labelledby` attribute of `student-info`.
+Du solltest dem ersten `section`-Element ein `aria-labelledby`-Attribut von `student-info` geben.
```js
assert.equal(document.querySelectorAll('section')?.[0]?.getAttribute('aria-labelledby'), 'student-info');
```
-You should give the second `section` element an `aria-labelledby` attribute of `html-questions`.
+Du solltest dem zweiten `section`-Element ein `aria-labelledby`-Attribut von `html-questions` geben.
```js
assert.equal(document.querySelectorAll('section')?.[1]?.getAttribute('aria-labelledby'), 'html-questions');
```
-You should give the third `section` element an `aria-labelledby` attribute of `css-questions`.
+Du solltest dem dritten `section`-Element ein `aria-labelledby`-Attribut von `css-questions` geben.
```js
assert.equal(document.querySelectorAll('section')?.[2]?.getAttribute('aria-labelledby'), 'css-questions');
```
-You should nest one `h2` element within the first `section` element.
+Du solltest ein `h2`-Element innerhalb des ersten `section`-Elements einfügen.
```js
assert.equal(document.querySelectorAll('section')?.[0]?.querySelectorAll('h2')?.length, 1);
```
-You should nest one `h2` element within the second `section` element.
+Du solltest ein `h2`-Element innerhalb des zweiten `section`-Elements einfügen.
```js
assert.equal(document.querySelectorAll('section')?.[1]?.querySelectorAll('h2')?.length, 1);
```
-You should nest one `h2` element within the third `section` element.
+Du solltest ein `h2`-Element innerhalb des dritten `section`-Elements einfügen.
```js
assert.equal(document.querySelectorAll('section')?.[2]?.querySelectorAll('h2')?.length, 1);
```
-You should give the first `h2` element an `id` attribute of `student-info`.
+Du solltest dem ersten `h2`-Element ein `id`-Attribut von `student-info` geben.
```js
assert.equal(document.querySelectorAll('h2')?.[0]?.id, 'student-info');
```
-You should give the second `h2` element an `id` attribute of `html-questions`.
+Du solltest dem zweiten `h2`-Element ein `id`-Attribut von `html-questions` geben.
```js
assert.equal(document.querySelectorAll('h2')?.[1]?.id, 'html-questions');
```
-You should give the third `h2` element an `id` attribute of `css-questions`.
+Du solltest dem dritten `h2`-Element ein `id`-Attribut von `css-questions` geben.
```js
assert.equal(document.querySelectorAll('h2')?.[2]?.id, 'css-questions');
```
-You should give the first `h2` element suitable text content. _Hint: I would have chosen `Student Info`_
+Du solltest dem ersten `h2`-Element einen passenden Textinhalt geben. _Tipp: Ich hätte `Student Info` gewählt_
```js
assert.isAtLeast(document.querySelectorAll('h2')?.[0]?.textContent?.length, 1);
```
-You should give the second `h2` element suitable text content. _Tipp: Ich hätte `HTML` gewählt_
+Du solltest dem zweiten `h2`-Element einen passenden Textinhalt geben. _Tipp: Ich hätte `HTML` gewählt_
```js
assert.isAtLeast(document.querySelectorAll('h2')?.[1]?.textContent?.length, 1);
```
-You should give the third `h2` element suitable text content. _Tipp: Ich hätte `CSS` gewählt_
+Du solltest dem dritten `h2`-Element einen passenden Textinhalt geben. _Tipp: Ich hätte `CSS` gewählt_
```js
assert.isAtLeast(document.querySelectorAll('h2')?.[2]?.textContent?.length, 1);
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6143610161323a081b249c19.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6143610161323a081b249c19.md
index 21bf5132dcf..607df7475c9 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6143610161323a081b249c19.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6143610161323a081b249c19.md
@@ -7,7 +7,7 @@ dashedName: step-19
# --description--
-Filling out the content of the quiz, below `#student-info`, add three `div` elements with a `class` of `info`.
+Füge, um den Quizinhalt auszufüllen, unter `#student-info` drei `div`-Elemente mit einer `class` des Werts `info` ein.
Then, within each `div` nest one `label` element, and one `input` element.
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6143908b6aafb00a659ca189.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6143908b6aafb00a659ca189.md
index 59b041608e6..7029a33652e 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6143908b6aafb00a659ca189.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6143908b6aafb00a659ca189.md
@@ -7,23 +7,23 @@ dashedName: step-21
# --description--
-Keeping in mind best-practices for form inputs, give each `input` an appropriate `type` and `name` attribute. Gib anschließend dem ersten `input` ein `placeholder`-Attribut.
+Gib, unter Berücksichtigung etablierter Vorgehensweisen, jedem `input` passende `type`- und `name`-Attribute. Gib anschließend dem ersten `input` ein `placeholder`-Attribut.
# --hints--
-You should give the first `input` a `type` of `text`.
+Du solltest dem ersten `input` ein `type` von `text` geben.
```js
assert.equal(document.querySelectorAll('input')?.[0]?.type, 'text');
```
-You should give the second `input` a `type` of `email`.
+Du solltest dem zweiten `input` ein `type` von `email` geben.
```js
assert.equal(document.querySelectorAll('input')?.[1]?.type, 'email');
```
-You should give the third `input` a `type` of `date`.
+Du solltest dem dritten `input` ein `type` von `date` geben.
```js
assert.equal(document.querySelectorAll('input')?.[2]?.type, 'date');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6143956ed76ed60e012faa51.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6143956ed76ed60e012faa51.md
index 1796dbc682f..6bc416d1e9f 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6143956ed76ed60e012faa51.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6143956ed76ed60e012faa51.md
@@ -7,9 +7,9 @@ dashedName: step-25
# --description--
-The `.sr-only` text is still visible. There is a common pattern to visually hide text for only screen readers to read.
+Der Text `.sr-only` ist noch sichtbar. Es ist ein gängiges Muster, Text visuell auszublenden, damit nur Screenreader ihn lesen können.
-This pattern is to set the following CSS properties:
+Dieses Muster dient dazu, die folgenden CSS-Eigenschaften festzulegen:
```css
position: absolute;
@@ -23,23 +23,23 @@ white-space: nowrap;
border: 0;
```
-Use the above to define the `sr-only` class.
+Verwende das obige, um die `sr-only` Klasse zu definieren.
# --hints--
-You should use the `.sr-only` selector.
+Du solltest den `.sr-only`-Selektor verwenden.
```js
assert.exists(new __helpers.CSSHelp(document).getStyle('.sr-only'));
```
-You should give the `.sr-only` a `position` of `absolute`.
+Du solltest dem `.sr-only` eine `position` von `absolute` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.position, 'absolute');
```
-You should give the `.sr-only` a `width` of `1px`.
+Du solltest dem `.sr-only` eine `width` von `1px` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.width, '1px');
@@ -51,13 +51,13 @@ Du solltest dem `.sr-only` eine `height` von `1px` geben.
assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.height, '1px');
```
-You should give the `.sr-only` a `padding` of `0`.
+Du solltest dem `.sr-only` ein `padding` von `0` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.padding, '0px');
```
-You should give the `.sr-only` a `margin` of `-1px`.
+Du solltest dem `.sr-only` eine `margin` von `-1px` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.margin, '-1px');
@@ -69,7 +69,7 @@ Du sollest dem `.sr-only` ein `overflow` von `hidden` geben.
assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.overflow, 'hidden');
```
-You should give the `.sr-only` a `clip` of `rect(0, 0, 0, 0)`.
+Du solltest dem `.sr-only` eine `clip` von `rect(0, 0, 0, 0)` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.clip, 'rect(0px, 0px, 0px, 0px)');
@@ -81,7 +81,7 @@ Du solltest dem `.sr-only` ein `white-space` von `nowrap` geben.
assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.whiteSpace, 'nowrap');
```
-You should give the `.sr-only` a `border` of `0`.
+Du solltest dem `.sr-only` einen `border` von `0` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.sr-only')?.borderWidth, '0px');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6144f8dc6849e405dd8bb829.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6144f8dc6849e405dd8bb829.md
index 161a99891b6..b834cf18fcb 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6144f8dc6849e405dd8bb829.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6144f8dc6849e405dd8bb829.md
@@ -61,19 +61,19 @@ You should nest one `input` element within the fourth `label` element.
assert.exists(document.querySelectorAll('ul.answers-list > li')?.[3]?.querySelector('label')?.querySelector('input'));
```
-You should give the first `input` a `type` of `radio`.
+Du solltest dem ersten `input` ein `type` von `radio` geben.
```js
assert.equal(document.querySelectorAll('ul.answers-list > li > label > input')?.[0]?.type, 'radio');
```
-You should give the second `input` a `type` of `radio`.
+Du solltest dem zweiten `input` ein `type` von `radio` geben.
```js
assert.equal(document.querySelectorAll('ul.answers-list > li > label > input')?.[1]?.type, 'radio');
```
-You should give the third `input` a `type` of `radio`.
+Du solltest dem dritten `input` ein `type` von `radio` geben.
```js
assert.equal(document.querySelectorAll('ul.answers-list > li > label > input')?.[2]?.type, 'radio');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145eb5f08a38a0786c7a80c.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145eb5f08a38a0786c7a80c.md
index c377c15bd4e..a95ce5f577d 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145eb5f08a38a0786c7a80c.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145eb5f08a38a0786c7a80c.md
@@ -13,25 +13,25 @@ Group the relevant inputs together such that only one input from a pair can be s
# --hints--
-You should give the first `input` a `name` attribute.
+Du solltest dem ersten `input` ein `name`-Attribut geben.
```js
assert.notEmpty(document.querySelectorAll('ul.answers-list > li > label > input')?.[0]?.name);
```
-You should give the second `input` a `name` attribute.
+Du solltest dem zweiten `input` ein `name`-Attribut geben.
```js
assert.notEmpty(document.querySelectorAll('ul.answers-list > li > label > input')?.[1]?.name);
```
-You should give the third `input` a `name` attribute.
+Du solltest dem dritten `input` ein `name`-Attribut geben.
```js
assert.notEmpty(document.querySelectorAll('ul.answers-list > li > label > input')?.[2]?.name);
```
-You should give the fourth `input` a `name` attribute.
+Du solltest dem vierten `input` ein `name`-Attribut geben.
```js
assert.notEmpty(document.querySelectorAll('ul.answers-list > li > label > input')?.[3]?.name);
@@ -44,7 +44,7 @@ const i = (n) => document.querySelectorAll('ul.answers-list > li > label > input
assert.equal(i(1), i(0));
```
-You should give the fourth `input` a `name` attribute matching the `name` attribute of the third `input`.
+Du solltest dem vierten `input` ein `name` Attribut geben, das mit dem `name` Attribut des dritten `input` übereinstimmt.
```js
const i = (n) => document.querySelectorAll('ul.answers-list > li > label > input')?.[n]?.name;
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f59029474c0d3dc1c8b8.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f59029474c0d3dc1c8b8.md
index da01eafdb73..4b13b688406 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f59029474c0d3dc1c8b8.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f59029474c0d3dc1c8b8.md
@@ -7,7 +7,7 @@ dashedName: step-40
# --description--
-As with the other `input` and `label` elements, link the `textarea` to its corresponding `label` element, and give it a `name` attribute.
+Verknüpfe, wie auch bei den anderen `input`- und `label`-Elementen, `textarea` mit dem zugehörigen `label`-Element und weise ihm ein `name`-Attribut zu.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f829ac6a920ebf5797d7.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f829ac6a920ebf5797d7.md
index 98d57e0fb2f..d00aaec76f2 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f829ac6a920ebf5797d7.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f829ac6a920ebf5797d7.md
@@ -7,13 +7,13 @@ dashedName: step-42
# --description--
-Two final semantic HTML elements for this project are the `footer` and `address` elements. The `footer` element is a container for a collection of content that is related to the page, and the `address` element is a container for contact information for the author of the page.
+Die letzten zwei semantischen HTML-Elemente für dieses Projekt sind die `footer`- und `address`-Elemente. Das `footer`-Element ist ein Container zur Sammlung von Inhalten, die sich auf die Seite beziehen und das `address`-Element ist ein Container für die Kontaktinformationen des Seitenautors.
-After the `main` element, add one `footer` element, and nest one `address` element within it.
+Füge nach dem `main`-Element ein `footer`-Element ein und füge diesem ein `address`-Element hinzu.
# --hints--
-You should add one `footer` element after the `main` element.
+Du solltest ein `footer`-Element nach dem `main`-Element einfügen.
```js
assert.exists(document.querySelector('main + footer'));
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148d99cdc7acd0c519862cb.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148d99cdc7acd0c519862cb.md
index f5f20d32ede..6566a9260d3 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148d99cdc7acd0c519862cb.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148d99cdc7acd0c519862cb.md
@@ -7,7 +7,7 @@ dashedName: step-56
# --description--
-Target all `label` elements within `.info` elements, and set their `width` to `10%`, and make it so they do not take up less than `55px`.
+Erfasse alle `label`-Elemente innerhalb der `.info`-Elemente und setze ihre `width` auf `10%` – so, dass sie nicht weniger als `55px` in Anspruch nehmen.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dd31d210990f0fb140f8.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dd31d210990f0fb140f8.md
index 8bde5a1d427..310624bd2db 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dd31d210990f0fb140f8.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dd31d210990f0fb140f8.md
@@ -7,9 +7,9 @@ dashedName: step-60
# --description--
-It is useful to see the default border around the `fieldset` elements, during development. However, it might not be the style you want.
+Es kann bei der Entwicklung von Nutzen sein, den Standardrand um die `fieldset`-Elemente zu sehen. Aber vielleicht ist es nicht der Stil, den du dir vorgestellt hast.
-Remove the border and bottom padding on the `.question` elements.
+Entferne den Rand und die untere Padding-Einheit der `.question`-Elemente.
# --hints--
@@ -19,13 +19,13 @@ Du solltest den `.question`-Selektor verwenden.
assert.exists(new __helpers.CSSHelp(document).getStyle('.question'));
```
-You should give the `.question` a `border` of `none`.
+Du solltest `.question` eine `border` von `none` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.question')?.borderStyle, 'none');
```
-You should give the `.question` a `padding-bottom` of `0`.
+Du solltest `.question` ein `padding-bottom` von `0` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.question')?.paddingBottom, '0px');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dfab9b54c110577de165.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dfab9b54c110577de165.md
index 3e08dd13fba..0548dcbab0d 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dfab9b54c110577de165.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148dfab9b54c110577de165.md
@@ -1,13 +1,13 @@
---
id: 6148dfab9b54c110577de165
-title: Step 62
+title: Schritt 62
challengeType: 0
dashedName: step-62
---
# --description--
-Give the submit button a freeCodeCamp-style design, with the following CSS properties:
+Gib dem Bestätigungsbutton ein FreeCodeCamp-Design mit den folgenden CSS-Eigenschaften:
```css
display: block;
@@ -21,49 +21,49 @@ border: 3px solid #3b3b4f;
# --hints--
-You should use the `button` element selector.
+Du solltest den `button`-Elementselektor verwenden.
```js
assert.exists(new __helpers.CSSHelp(document).getStyle('button'));
```
-You should give `button` a `display` of `block`.
+Du solltest `button` ein `display` von `block` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('button')?.display, 'block');
```
-You should give `button` a `margin` of `40px auto`.
+Du solltest `button` eine `margin` von `40px auto` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('button')?.margin, '40px auto');
```
-You should give `button` a `width` of `40%`.
+Du solltest `button` eine `width` von `40%` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('button')?.width, '40%');
```
-You should give `button` a `padding` of `15px`.
+Du solltest `button` ein `padding` von `15px` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('button')?.padding, '15px');
```
-You should give `button` a `font-size` of `23px`.
+Du solltest `button` eine `font-size` von `23px` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('button')?.fontSize, '23px');
```
-You should give `button` a `background` of `#d0d0d5`.
+Du solltest `button` einen `background` von `#d0d0d5` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('button')?.backgroundColor, 'rgb(208, 208, 213)');
```
-You should give `button` a `border` of `3px solid #3b3b4f`.
+Du solltest `button` einen `border` von `3px solid #3b3b4f` geben.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('button')?.border, '3px solid rgb(59, 59, 79)');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae34c1239cafe128be.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae34c1239cafe128be.md
index a358ff0a6a0..16e600642b3 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae34c1239cafe128be.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae34c1239cafe128be.md
@@ -7,7 +7,7 @@ dashedName: step-13
# --description--
-You now have three type selectors with the exact same styling. You can add the same group of styles to many elements by creating a list of selectors. Each selector is separated with commas like this:
+Du hast jetzt drei Typselektoren mit der gleichen Formatierung. Du kannst die gleiche Gruppe von Stilen zu vielen Elementen hinzufügen, indem du eine Selektorenliste erstellst. Each selector is separated with commas like this:
```css
selector1, selector2 {
@@ -19,14 +19,14 @@ Delete the three existing type selectors and replace them with one selector list
# --hints--
-You should use a single type selector for all three elements, `h1, h2, p`. Be sure to use that order.
+Du solltest für alle drei Elemente einen einzigen Typselektor wählen: `h1, h2, p`. Be sure to use that order.
```js
const hasSelector = new __helpers.CSSHelp(document).getStyle('h1, h2, p');
assert(hasSelector);
```
-You should only have one selector in your `style` element.
+Du solltest nur einen Selektor in deinem `style`-Element haben.
```js
const selectors = new __helpers.CSSHelp(document).getCSSRules().filter(x => x.selectorText)
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477aefa51bfc29327200b.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477aefa51bfc29327200b.md
index 890144637bc..ae0874d9e3b 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477aefa51bfc29327200b.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477aefa51bfc29327200b.md
@@ -7,9 +7,9 @@ dashedName: step-14
# --description--
-You have styled three elements by writing CSS inside the `style` tags. This works, but since there will be many more styles, it's best to put all the styles in a separate file and link to it.
+Du gestaltest drei Elemente, indem du CSS in die `style` -Tags schreibst. This works, but since there will be many more styles, it's best to put all the styles in a separate file and link to it.
-We have created a separate `styles.css` file for you and switched the editor view to that file. You can change between files with the tabs at the top of the editor.
+Wir haben eine separate `styles.css`-Datei für dich erstellt und die Editoransicht auf diese Datei umgestellt. You can change between files with the tabs at the top of the editor.
Start by rewriting the styles you have created into the `styles.css` file. Make sure to exclude the opening and closing `style` tags.
@@ -23,7 +23,7 @@ Your `styles.css` file should have the `h1, h2, p` type selector.
}
```
-Your selector should set the `text-align` property to `center`.
+Dein Selektor sollte die `text-align`-Eigenschaft auf `center` setzen.
```js
(getUserInput) => {
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb2e27333b1ab2b955.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb2e27333b1ab2b955.md
index 0602428ef85..6c7bbcd54e2 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb2e27333b1ab2b955.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb2e27333b1ab2b955.md
@@ -7,7 +7,7 @@ dashedName: step-16
# --description--
-Now you need to link the `styles.css` file so the styles will be applied again. Nest a self-closing `link` element in the `head` element. Give it a `rel` attribute value `stylesheet` and an `href` attribute value of `styles.css`.
+Jetzt musst du die `styles.css`-Datei verknüpfen, damit die Formate wieder angewendet werden. Füge ein sich selbst schließendes `link`-Element in das `head`-Element ein. Give it a `rel` attribute value `stylesheet` and an `href` attribute value of `styles.css`.
# --hints--
@@ -18,7 +18,7 @@ const link = document.querySelector('link');
assert(link);
```
-You should not change your existing `head` element. Make sure you did not delete the closing tag.
+Du solltest nicht das vorhandene `head`-Element ändern. Make sure you did not delete the closing tag.
```js
assert($('head').length === 1);
@@ -31,14 +31,14 @@ const link = document.querySelectorAll('link');
assert(link.length === 1);
```
-Your `link` element should be within your `head` element.
+Dein `link`-Element sollte sich innerhalb deines `head`-Elements befinden.
```js
const link = document.querySelector('head > link');
assert(link);
```
-Your `link` element should have a `rel` attribute with the value `stylesheet`.
+Dein `link`-Element sollte ein `rel`-Attribut mit dem Wert `stylesheet` haben.
```js
const link = document.querySelector('link')
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60785e1f3e9850b6e.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60785e1f3e9850b6e.md
index 67bc76a1e03..970e2167049 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60785e1f3e9850b6e.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60785e1f3e9850b6e.md
@@ -1,13 +1,13 @@
---
id: 5f356ed60785e1f3e9850b6e
-title: Step 24
+title: Schritt 24
challengeType: 0
dashedName: step-24
---
# --description--
-Nun ist es einfach zu sehen, dass der Text im `div` Element zentriert ist. Derzeit ist die Breite des `div` Elements in Pixeln angegeben (`px`). Change the `width` property's value to be `80%`, to make it 80% the width of its parent element (`body`).
+Nun ist es einfach zu sehen, dass der Text im `div` Element zentriert ist. Derzeit ist die Breite des `div` Elements in Pixeln angegeben (`px`). Ändere den Wert der `width`-Eigenschaft auf `80%`, damit sie 80% der Breite seines Elternelements (`body`) entspricht.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e05473f91f948724ab.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e05473f91f948724ab.md
index 1f14fc381f2..beab9ff9507 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e05473f91f948724ab.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e05473f91f948724ab.md
@@ -1,15 +1,15 @@
---
id: 5f3ef6e05473f91f948724ab
-title: Step 57
+title: Schritt 57
challengeType: 0
dashedName: step-57
---
# --description--
-You can change the `font-family` of text, to make it look different from the default font of your browser. Each browser has some common fonts available to it.
+Du kannst die `font-family` des Textes so verändern, dass sie anders aussieht als die Standard-Schriftart deines Browsers. Jeder Browser verfügt über einige Standard-Schriftarten.
-Change all the text in your `body`, by adding a `font-family` property with the value `sans-serif`. This is a fairly common font that is very readable.
+Ändere den gesamten Text in deinem `body`, indem du eine `font-family`-Eigenschaft mit dem Wert `sans-serif` hinzufügst. Hierbei handelt es sich um eine gängige, sehr gut lesbare Schriftart.
# --hints--
@@ -19,7 +19,7 @@ Du solltest die `font-family`-Eigenschaft auf `sans-serif` setzen.
const hasFontFamily = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['font-family'] === 'sans-serif');
```
-Your `body` should have a `font-family` of `sans-serif`.
+Dein `body` sollte eine `font-family` von `sans-serif` haben.
```js
const bodyFontFamily = new __helpers.CSSHelp(document).getStyle('body')?.getPropertyValue('font-family');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0a81099d9a697b550.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0a81099d9a697b550.md
index 7d83aef878e..3f7ace408ab 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0a81099d9a697b550.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0a81099d9a697b550.md
@@ -1,17 +1,17 @@
---
id: 5f3ef6e0a81099d9a697b550
-title: Step 64
+title: Schritt 64
challengeType: 0
dashedName: step-64
---
# --description--
-Inside the `footer`, add a `p` element. Then, nest an anchor (`a`) element in the `p` that links to `https://www.freecodecamp.org` and has the text `Visit our website`.
+Füge innerhalb des `footer` ein `p`-Element hinzu. Then, nest an anchor (`a`) element in the `p` that links to `https://www.freecodecamp.org` and has the text `Visit our website`.
# --hints--
-You should not modify the existing `footer` element.
+Du solltest nicht das vorhandene `footer`-Element ändern.
```js
assert(document.querySelectorAll("footer").length === 1);
@@ -31,13 +31,13 @@ assert(document.querySelectorAll("footer > p > a").length === 1);
assert(document.querySelectorAll("footer a").length === 1);
```
-Your new `a` element should have the text `Visit our website`.
+Dein neues `a`-Element sollte den Text `Visit our website` enthalten.
```js
assert(document.querySelector("footer > p > a")?.innerText === "Visit our website");
```
-Your new `a` element should link to `https://www.freecodecamp.org`. Remember that `a` elements use the `href` attribute to create a link.
+Dein neues `a`-Element sollte zu `https://www.freecodecamp.org` verlinkt sein. Denk daran, dass `a`-Elemente das `href`-Attribut verwenden, um einen Link zu erstellen.
```js
assert(document.querySelector("footer > p > a")?.href === "https://www.freecodecamp.org/");
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a276c093334f0f6e9df4.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a276c093334f0f6e9df4.md
index ec0d614dfda..2b1ca356fbf 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a276c093334f0f6e9df4.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a276c093334f0f6e9df4.md
@@ -1,47 +1,47 @@
---
id: 5f45a276c093334f0f6e9df4
-title: Step 73
+title: Schritt 73
challengeType: 0
dashedName: step-73
---
# --description--
-Focusing on the menu items and prices, there is a fairly large gap between each line.
+Wenn man sich auf die Menüpunkte und Preise konzentriert, gibt es zwischen den einzelnen Zeilen eine große Lücke.
-Target all the `p` elements nested in elements with the `class` named `item` and set their top and bottom margin to be `5px`.
+Wähle alle `p`-Elemente aus, die in `class`-Elementen namens `item` eingebettet sind und setze deren Abstand zum oberen und unteren Seitenrand auf `5px`.
# --hints--
-You should set the `margin-top` property to `5px`.
+Du solltest die `margin-top`-Eigenschaft auf `5px` setzen.
```js
const hasMarginTop = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['margin-top'] === '5px');
assert(hasMarginTop);
```
-You should set the `margin-bottom` property to `5px`.
+Du solltest die `margin-bottom`-Eigenschaft auf `5px` setzen.
```js
const hasMarginBottom = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['margin-bottom'] === '5px');
assert(hasMarginBottom);
```
-You should use the existing `.item p` selector.
+Du solltest den vorhandenen `.item p`-Selektor verwenden.
```js
const hasOneSelector = new __helpers.CSSHelp(document).getStyleDeclarations('.item p');
assert(hasOneSelector.length === 1);
```
-Your `p` elements nested in your `.item` elements should have a `margin-top` of `5px`.
+Deine `p`-Elemente, die in deinen `.item`-Elementen eingebettet sind, sollten ein `margin-top` von `5px` haben.
```js
const itemPMarginTop = new __helpers.CSSHelp(document).getStyle('.item p')?.getPropertyValue('margin-top');
assert(itemPMarginTop === '5px');
```
-Your `p` elements nested in your `.item` elements should have a `margin-bottom` of `5px`.
+Deine `p`-Elemente, die in deinen `.item`-Elementen eingebettet sind, sollten ein `margin-bottom` von `5px` haben.
```js
const itemPMarginBottom = new __helpers.CSSHelp(document).getStyle('.item p')?.getPropertyValue('margin-bottom');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a5a7c49a8251f0bdb527.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a5a7c49a8251f0bdb527.md
index ac0f43a3546..9678dba2a26 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a5a7c49a8251f0bdb527.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a5a7c49a8251f0bdb527.md
@@ -7,11 +7,11 @@ dashedName: step-74
# --description--
-Using the same style selector in the previous step, make the font size of the items and prices larger by using a value of `18px`.
+Verwende den gleichen Stil-Selektor wie im vorherigen Schritt, um die Schriftgröße der Artikel und Preise zu vergrößern, indem du einen Wert von `18px` verwendest.
# --hints--
-You should set the `font-size` property to `18px`.
+Du solltest die `font-size`-Eigenschaft auf `18px` setzen.
```js
const hasFontSize = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['font-size'] === '18px');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e270702a8456a664f0df.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e270702a8456a664f0df.md
index 3d2a8ef16bc..b497bcd7236 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e270702a8456a664f0df.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e270702a8456a664f0df.md
@@ -1,24 +1,24 @@
---
id: 5f46e270702a8456a664f0df
-title: Step 85
+title: Schritt 85
challengeType: 0
dashedName: step-85
---
# --description--
-To remove some of the vertical space between the `h1` element and the text `Est. 2020`, change the bottom margin of the `h1` to `15px`.
+Um einen Teil des vertikalen Raums zwischen dem `h1`-Element und dem Text `Est. 2020` zu entfernen, ändere den unteren Rand des `h1` auf `15px`.
# --hints--
-You should set the `margin-bottom` property to `15px`.
+Du solltest die `margin-bottom`-Eigenschaft auf `15px` setzen.
```js
const hasMarginBottom = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['margin-bottom'] === '15px');
assert(hasMarginBottom);
```
-Your `h1` element should have a `margin-bottom` of `15px`.
+Dein `h1`-Element sollte einen `margin-bottom` von `15px` haben.
```js
const h1MarginBottom = new __helpers.CSSHelp(document).getStyle('h1')?.getPropertyValue('margin-bottom');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46fc57528aa1c4b5ea7c2e.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46fc57528aa1c4b5ea7c2e.md
index 8f0d9f27e70..b4dcdbd88f0 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46fc57528aa1c4b5ea7c2e.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46fc57528aa1c4b5ea7c2e.md
@@ -1,33 +1,33 @@
---
id: 5f46fc57528aa1c4b5ea7c2e
-title: Step 75
+title: Schritt 75
challengeType: 0
dashedName: step-75
---
# --description--
-Changing the `margin-bottom` to `5px` looks great. However, now the space between the `Cinnamon Roll` menu item and the second `hr` element does not match the space between the top `hr` element and the `Coffee` heading.
+Die Änderung des `margin-bottom` auf `5px` sieht großartig aus. Nun entspricht der Abstand allerdings zwischen dem `Cinnamon Roll`-Menüpunkt und dem zweiten `hr`-Element nicht dem Abstand zwischen dem oberen `hr`-Element und der `Coffee`-Überschrift.
-Add some more space by creating a class named `bottom-line` using `25px` for the `margin-top` property.
+Füge mehr Raum hinzu, indem du eine Klasse namens `bottom-line` hinzufügst, indem du `25px` für die `margin-top`-Eigenschaft verwendest.
# --hints--
-You should add a `.bottom-line` selector.
+Du solltest einen `.bottom-line`-Selektor hinzufügen.
```js
const hasBottomLine = new __helpers.CSSHelp(document).getStyle('.bottom-line');
assert(hasBottomLine);
```
-You should set the `margin-top` property to `25px`.
+Du solltest die `margin-top`-Eigenschaft auf `25px` setzen.
```js
const hasMarginTop = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['margin-top'] === '25px');
assert(hasMarginTop);
```
-Your `.bottom-line` selector should have a `margin-top` of `25px`.
+Dein`.bottom-line`-Selektor sollte einen `margin-top` von `25px` haben.
```js
const bottomLineMargin = new __helpers.CSSHelp(document).getStyle('.bottom-line')?.getPropertyValue('margin-top');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475bb508746c16c9431d42.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475bb508746c16c9431d42.md
index 68e7ba5e3bf..98443aa7d83 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475bb508746c16c9431d42.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475bb508746c16c9431d42.md
@@ -7,13 +7,13 @@ dashedName: step-89
# --description--
-The image you added is not centered horizontally like the `Coffee` heading above it. `img` Elemente sind "ähnliche" Inline-Elemente.
+Das Bild, das du hinzugefügt hast, ist nicht wie die `Coffee`-Überschrift darüber horizontal zentriert. `img` Elemente sind "ähnliche" Inline-Elemente.
To make the image behave like heading elements (which are block-level), create an `img` type selector and use the value `block` for the `display` property and use the applicable `margin-left` and `margin-right` values to center it horizontally.
# --hints--
-You should use an `img` selector.
+Du solltest den `img`-Selektor verwenden.
```js
const hasImg = new __helpers.CSSHelp(document).getStyle('img');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b87422a560036fd03ccff.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b87422a560036fd03ccff.md
index a18ab6b58e1..719d37d66fc 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b87422a560036fd03ccff.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b87422a560036fd03ccff.md
@@ -11,25 +11,25 @@ For the two `p` elements you just added, add `dessert` as the value of the first
# --hints--
-You should have one `p` element with the `dessert` class.
+Du solltest ein `p`-Element mit der `dessert`-Klasse haben.
```js
assert($('.dessert').length === 1);
```
-Your `p` element with the text `Donut` should have the `dessert` class.
+Dein `p`-Element mit dem Text `Donut` sollte die `dessert`-Klasse haben.
```js
assert($('.dessert')[0].innerText.match(/donut/i));
```
-Your `p` element with the text `1.50` should have the `price` class.
+Dein `p`-Element mit dem Text `1.50` sollte die `price`-Klasse haben.
```js
assert($('.price').last().text().match(/1\.50/));
```
-You should not have any spaces between your `p` elements.
+Du solltest keine Lücken zwischen deinen `p`-Elementen haben.
```js
assert(!code.match(/<\/p>\s+
```
+If you add multiple classes to an HTML element, the styles of the first classes you list may be overridden by later classes.
+
To begin, add the class `one` to the first marker `div` element.
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
index c3be35e0eac..1af61641e2b 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
@@ -7,7 +7,7 @@ dashedName: step-19
# --description--
-Add the class `two` to the second marker `div`, and the class `three` to the third marker `div`.
+Add the class `two` to the second marker `div`, and add the class `three` to the third marker `div`.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
index 95d16b98cd2..a263fdc6b86 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
@@ -9,11 +9,11 @@ dashedName: step-34
There are three more tertiary colors: chartreuse green (green + yellow), azure (blue + cyan), and rose (red + magenta).
-To create chartreuse green, update the `rgb` function in the `.one` rule so that red is at `127`, and set green to the max value.
+To create chartreuse green, update the `rgb` function in the `.one` CSS rule so that red is at `127`, and set green to the max value.
-For azure, update the `rgb` function in the `.two` rule so that green is at `127` and blue is at the max value.
+For azure, update the `rgb` function in the `.two` CSS rule so that green is at `127` and blue is at the max value.
-And for rose, which is sometimes called bright pink, update the `rgb` function in the `.three` rule so that blue is at `127` and red is at the max value.
+And for rose, which is sometimes called bright pink, update the `rgb` function in the `.three` CSS rule so that blue is at `127` and red is at the max value.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
index 50b87f01e2e..e537750ddd3 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
@@ -9,7 +9,7 @@ dashedName: step-35
Now that you've gone through all the primary, secondary, and tertiary colors on a color wheel, it'll be easier to understand other color theory concepts and how they impact design.
-First, in the rules `.one`, `.two`, and `.three`, adjust the values in the `rgb` function so that the `background-color` of each element is set to pure black. Remember that the `rgb` function uses the additive color model, where colors start as black and change as the values of red, green, and blue increase.
+First, in the CSS rules `.one`, `.two`, and `.three`, adjust the values in the `rgb` function so that the `background-color` of each element is set to pure black. Remember that the `rgb` function uses the additive color model, where colors start as black and change as the values of red, green, and blue increase.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
index e8cf1a587a9..d5e3d315106 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
@@ -11,7 +11,7 @@ Notice that the red and cyan colors are very bright right next to each other. Th
It's better practice to choose one color as the dominant color, and use its complementary color as an accent to bring attention to certain content on the page.
-First, in the `h1` rule, use the `rgb` function to set its background color to cyan.
+First, in the `h1` rule, use the `rgb` function to set its `background-color` to cyan.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
index bb456dfbecb..e6035d70ddc 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
@@ -7,7 +7,7 @@ dashedName: step-38
# --description--
-Next, in the `.one` rule, use the `rgb` function to set the `background-color` to black. And in the `.two` rule, use the `rgb` function to set the `background-color` to red.
+Next, in the `.one` CSS rule, use the `rgb` function to set the `background-color` to black. And in the `.two` CSS rule, use the `rgb` function to set the `background-color` to red.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
index a48b1d2e04c..fbd7afa5b7a 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
@@ -11,7 +11,7 @@ Notice how your eyes are naturally drawn to the red color in the center? When de
There are several other important color combinations outside of complementary colors, but you'll learn those a bit later.
-For now, use the `rgb` function in the `.two` rule to set the `background-color` to black.
+For now, use the `rgb` function in the `.two` CSS rule to set the `background-color` to black.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
index 098865513fe..df57ec5459e 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
@@ -7,7 +7,7 @@ dashedName: step-40
# --description--
-And in the `h1` rule, remove the `background-color` property and value to go back to the default white color.
+And in the `h1` CSS rule, remove the `background-color` property and value to go back to the default white color.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
index 52d7b6aa55f..db491524cea 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
@@ -7,7 +7,7 @@ dashedName: step-42
# --description--
-Update the `.one` class selector to target the new `red` class.
+Update the `.one` CSS rule to target the new `red` class.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
index fd7f6a0ac10..85385a6d24b 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
@@ -7,7 +7,7 @@ dashedName: step-43
# --description--
-And update the `rgb` function in the `.red` rule so that the red value is at the max.
+And update the `rgb` function in the `.red` CSS rule so that the red value is at the max.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
index 425b40bca54..b34ad6ca35b 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
@@ -7,7 +7,7 @@ dashedName: step-45
# --description--
-Update the CSS class selector `.two` so it targets the new `green` class. And update the `.three` selector so it targets the new `blue` class.
+Update the CSS class selector `.two` so it targets the new `green` class. And update the `.three` class selector so it targets the new `blue` class.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
index 9e49bcf6171..fb337607c77 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
@@ -11,7 +11,7 @@ A very common way to apply color to an element with CSS is with hexadecimal
Hex color values start with a `#` character and take six characters from 0-9 and A-F. The first pair of characters represent red, the second pair represent green, and the third pair represent blue. For example, `#4B5320`.
-In the `.green` CSS rule, set the `background-color` property to a hex color code with the values `00` for red, `FF` for green, and `00` blue.
+In the `.green` class selector, set the `background-color` property to a hex color code with the values `00` for red, `FF` for green, and `00` blue.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
index 4763fcdaf88..cd1763a31d5 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
@@ -15,7 +15,7 @@ You may already be familiar with decimal, or base 10 values, which go from 0 - 9
With hex colors, `00` is 0% of that color, and `FF` is 100%. So `#00FF00` translates to 0% red, 100% green, and 0% blue, and is the same as `rgb(0, 255, 0)`.
-Lower the intensity of green by setting green value of the hex color to `7F`.
+Lower the intensity of green by setting the green value of the hex color to `7F`.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
index 2bfa6b0ff03..edbc0e79a51 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
@@ -9,11 +9,11 @@ dashedName: step-48
The HSL color model, or hue, saturation, and lightness, is another way to represent colors.
-The CSS `hsl` function accepts 3 values: a number from 0 to 360 for hue, a percentage from 0 to 100 for saturation, and a percentage from 0 to 100 for lightness.
+The CSS hsl function accepts 3 values: a number from 0 to 360 for hue, a percentage from 0 to 100 for saturation, and a percentage from 0 to 100 for lightness.
If you imagine a color wheel, the hue red is at 0 degrees, green is at 120 degrees, and blue is at 240 degrees.
-Saturation is the intensity of a color from 0%, or gray, to 100% for pure color.
+Saturation is the intensity of a color from 0%, or gray, to 100% for pure color. You must add the percent sign `%` to the saturation and lightness values.
Lightness is how bright a color appears, from 0%, or complete black, to 100%, complete white, with 50% being neutral.
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
index 468ff526265..bbdd79092dc 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
@@ -9,7 +9,7 @@ dashedName: step-70
Now that the markers have the correct colors, it's time to build the marker sleeves. Start with the red marker.
-Inside the red marker `div`, create a new `div` and give it a class of `sleeve`.
+Inside the red marker `div` element, create a new `div` element and give it a class of `sleeve`.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093179e7fc020b43b1bb3.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093179e7fc020b43b1bb3.md
index d8d0fba99d4..5bff8be6d8f 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093179e7fc020b43b1bb3.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093179e7fc020b43b1bb3.md
@@ -1,6 +1,6 @@
---
id: 61b093179e7fc020b43b1bb3
-title: Step 73
+title: Schritt 73
challengeType: 0
dashedName: step-73
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
index 165de21342f..da748c8d028 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
@@ -15,6 +15,8 @@ The `rgba` function works just like the `rgb` function, but takes one more numbe
rgba(redValue, greenValue, blueValue, alphaValue);
```
+You can also use an alpha channel with `hsl` and `hex` colors. You will see how to do that soon.
+
In the `.sleeve` rule, use the `rgba` function to set the `background-color` property to pure white with 50% opacity.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
index b7062baf610..8280a6dbaf1 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
@@ -15,6 +15,15 @@ The `box-shadow` property lets you apply one or more shadows around an element.
box-shadow: offsetX offsetY color;
```
+Here's how the `offsetX` and `offsetY` values work:
+
+* both `offsetX` and `offsetY` accept number values in `px` and other CSS units
+* a positive `offsetX` value moves the shadow right and a negative value moves it left
+* a positive `offsetY` value moves the shadow down and a negative value moves it up
+* if you want a value of zero (`0`) for any or both `offsetX` and `offsetY`, you don't need to add a unit. Every browser understands that zero means no change.
+
+The height and width of the shadow is determined by the height and width of the element it's applied to. You can also use an optional `spreadRadius` value to spread out the reach of the shadow. More on that later.
+
Start by adding a simple shadow to the red marker.
In the `.red` CSS rule, add the `box-shadow` property with the values `5px` for `offsetX`, `5px` for `offsetY`, and `red` for `color`.
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
index b87a5548dcd..687ea0fb578 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
@@ -9,7 +9,7 @@ dashedName: step-90
Now that you're familiar with the `box-shadow` property you can finalize the shadows, starting with the one for the red marker.
-In the `.red` CSS rule, update the values for the `box-shadow` property so `offsetX` is `0`,`offsetY` is `0`, `blurRadius` is `20px`, `spreadRadius` is `0`, and `color` is `red`.
+In the `.red` CSS rule, update the values for the `box-shadow` property so `offsetX` is `0`,`offsetY` is `0`, `blurRadius` is `20px`, `spreadRadius` is `0`, and `color` is `red`. Remember that you don't need to add units to a zero value.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31a451057fff645ec09be.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31a451057fff645ec09be.md
index 2c2a7479d8d..5fa4623cc24 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31a451057fff645ec09be.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31a451057fff645ec09be.md
@@ -7,11 +7,11 @@ dashedName: step-93
# --description--
-For the green marker's `box-shadow` property, replace the named color with a hex color code. Use the values `3B` for red, `7E` for green, `20` for blue, and `CC` for the alpha channel.
+Ersetze bei der `box-shadow`-Eigenschaft der grünen Markierung die benannte Farbe durch einen Hex-Code. Verwende die Werte `3B` für rot, `7E` für grün, `20` für blau und `CC` für den Alphakanal.
# --hints--
-Your `.green` CSS rule should have a `box-shadow` shorthand property and with the value `0 0 20px 0 #3B7E20CC`.
+Deine `.green`-CSS-Regel sollte eine `box-shadow`-Eigenschaft in Kurzschreibweise mit dem Wert `0 0 20px 0 #3B7E20CC` haben.
```js
assert(new __helpers.CSSHelp(document).getStyle('.green')?.boxShadow === 'rgba(59, 126, 32, 0.8) 0px 0px 20px 0px');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a3ebb4f7f05b8401b716.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a3ebb4f7f05b8401b716.md
index 4ad5c2d33a3..2b23839633a 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a3ebb4f7f05b8401b716.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a3ebb4f7f05b8401b716.md
@@ -8,7 +8,7 @@ dashedName: step-21
# --description--
-The `alt` image attribute should describe the image content. Screen readers announce the alternative text in place of images. If the image can't be loaded, this text is presented in place of the image.
+The `alt` image attribute should describe the image content. Screenreader beziehen sich auf den alternativen Text anstelle der Bilder. If the image can't be loaded, this text is presented in place of the image.
To complete the project, add an `alt` attribute to all nine of your cat images to describe them. Use a value at least five characters long for each.
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/614385513d91ae5c251c2052.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/614385513d91ae5c251c2052.md
index 7f6d7239c43..2c1fce002a9 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/614385513d91ae5c251c2052.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/614385513d91ae5c251c2052.md
@@ -1,52 +1,52 @@
---
id: 614385513d91ae5c251c2052
-title: Step 2
+title: Schritt 2
challengeType: 0
dashedName: step-2
---
# --description--
-Add a `title` element with the text `Magazine`, a `link` element for the `https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap` font stylesheet, a `link` for the `https://use.fontawesome.com/releases/v5.8.2/css/all.css` FontAwesome stylesheet, and a `link` for your `./styles.css` stylesheet.
+Füge ein `title`-Element mit dem Text `Magazine` hinzu, ein `link`-Element für das `https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap`-Font-Stylesheet, einen `link` für das `https://use.fontawesome.com/releases/v5.8.2/css/all.css`-FontAwesome-Stylesheet und einen `link` für dein `./styles.css`-Stylesheet.
-Your font stylesheet will load three separate fonts: `Anton`, `Baskervville`, and `Raleway`.
+Dein Font-Stylesheet lädt drei verschiedene Fonts: `Anton`, `Baskervville` und `Raleway`.
# --hints--
-Your code should have three self-closing `link` elements.
+Dein Code sollte drei selbstschließende `link`-Elemente haben.
```js
assert(document.querySelectorAll('link').length === 3);
```
-Your `link` element should be within your `head` element.
+Dein `link`-Element sollte sich innerhalb deines `head`-Elements befinden.
```js
assert(document.querySelectorAll('head > link').length === 3);
```
-Your three `link` elements should have a `rel` attribute with the value `stylesheet`.
+Deine drei `link`-Elemente sollten ein `rel`-Attribut mit dem Wert `stylesheet` haben.
```js
const links = [...document.querySelectorAll('link')];
assert(links.every(link => link.getAttribute('rel') === 'stylesheet'));
```
-One of your link elements should have the `href` set to `https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap`.
+Eines deiner Link-Elemente sollte `href` auf `https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap` eingestellt haben.
```js
const links = [...document.querySelectorAll('link')];
assert(links.find(link => link.getAttribute('href') === 'https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap'));
```
-One of your link elements should have the `href` set to `https://use.fontawesome.com/releases/v5.8.2/css/all.css`.
+Eines deiner Link-Elemente sollte `href` auf `https://use.fontawesome.com/releases/v5.8.2/css/all.css` eingestellt haben.
```js
const links = [...document.querySelectorAll('link')];
assert(links.find(link => link.getAttribute('href') === 'https://use.fontawesome.com/releases/v5.8.2/css/all.css'));
```
-One of your `link` elements should have an `href` attribute with the value `styles.css`.
+Eines deiner `link`-Elemente sollte ein `href`-Attribut mit dem Wert `styles.css` haben.
```js
assert.match(code, / x.selectorText===".sky")?.style?.background, /radial-gradient\(\s*circle\s+closest-corner\s+at\s+15%\s+15%\s*,\s+rgb\(\s*255\s*,\s*207\s*,\s*51\s*\)\s*(0%)?\s*,\s*rgb\(\s*255\s*,\s*207\s*,\s*51\s*\)\s+20%\s*,\s*rgb\(\s*255\s*,\s*255\s*,\s*102\s*\)\s+21%\s*,\s*rgb\(\s*187\s*,\s*238\s*,\s*255\s*\)\s+100%\s*\)/);
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfb5ecbeacea3f48c6300b1.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfb5ecbeacea3f48c6300b1.md
index 956fefe13e8..c760aec6b30 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfb5ecbeacea3f48c6300b1.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfb5ecbeacea3f48c6300b1.md
@@ -1,6 +1,6 @@
---
id: 5dfb5ecbeacea3f48c6300b1
-title: Step 21
+title: Schritt 21
challengeType: 0
dashedName: step-21
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfb6250eacea3f48c6300b2.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfb6250eacea3f48c6300b2.md
index 598d347b67e..275ba75e33b 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfb6250eacea3f48c6300b2.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfb6250eacea3f48c6300b2.md
@@ -1,6 +1,6 @@
---
id: 5dfb6250eacea3f48c6300b2
-title: Step 22
+title: Schritt 22
challengeType: 0
dashedName: step-22
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804de.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804de.md
index f0242aeeac1..48f5b959c39 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804de.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804de.md
@@ -7,7 +7,7 @@ dashedName: step-48
# --description--
-Notice that both radio buttons can be selected at the same time. To make it so selecting one radio button automatically deselects the other, both buttons must have a `name` attribute with the same value.
+Notice that both radio buttons can be selected at the same time. Damit beim Auswählen einer Optionsschaltfläche automatisch die andere abgewählt wird, müssen beide Buttons ein `name`-Attribut mit dem gleichen Wert haben.
Add the `name` attribute with the value `indoor-outdoor` to both radio buttons.
@@ -32,7 +32,7 @@ const radioButtons = [...document.querySelectorAll('input[type="radio"]')];
assert(radioButtons.every((btn) => btn.hasAttribute('name')));
```
-Both radio buttons should have a `type` attribute. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names.
+Beide Radio-Buttons sollten ein `type`-Attribut besitzen. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names.
```js
const radioButtons = [...document.querySelectorAll('input')];
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md
index c3aef58ec26..8ddd45f13aa 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md
@@ -1,6 +1,6 @@
---
id: 60f1a9cbd23023082e149fee
-title: Step 10
+title: Schritt 10
challengeType: 0
dashedName: step-10
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md
index 0ed9df41bb5..5eb48184a47 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md
@@ -1,6 +1,6 @@
---
id: 60f5cb8875ab6a0610f05071
-title: Step 13
+title: Schritt 13
challengeType: 0
dashedName: step-13
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md
index 38fa8958405..9399e2f170d 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md
@@ -1,6 +1,6 @@
---
id: 60f83e7bfc09900959f41e20
-title: Step 22
+title: Schritt 22
challengeType: 0
dashedName: step-22
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md
index 6b34ccbaccb..2a36f80ac07 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md
@@ -1,6 +1,6 @@
---
id: 60f8618d191b940d62038513
-title: Step 27
+title: Schritt 27
challengeType: 0
dashedName: step-27
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md
index f3d550dbe40..f107a9e1dd3 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md
@@ -1,6 +1,6 @@
---
id: 60facde2d0dc61085b41063f
-title: Step 37
+title: Schritt 37
challengeType: 0
dashedName: step-37
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md
index 07610497552..49a37752472 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md
@@ -1,6 +1,6 @@
---
id: 60fad8e6148f310bba7890b1
-title: Step 43
+title: Schritt 43
challengeType: 0
dashedName: step-43
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md
index f7df49947e5..4be07e8344b 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md
@@ -1,6 +1,6 @@
---
id: 60fadd972e6ffe0d6858fa2d
-title: Step 48
+title: Schritt 48
challengeType: 0
dashedName: step-48
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md
index b0f69f9c128..ba130b3e699 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md
@@ -1,6 +1,6 @@
---
id: 60fc236dc04532052926fdac
-title: Step 52
+title: Schritt 52
challengeType: 0
dashedName: step-52
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md
index f33892df263..bfb77b72f0d 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md
@@ -1,6 +1,6 @@
---
id: 60ffe9cb47809106eda2f2c9
-title: Step 60
+title: Schritt 60
challengeType: 0
dashedName: step-60
---
@@ -9,7 +9,7 @@ dashedName: step-60
Lastly, for the submit button, you want to separate it from the `fieldset` above, and adjust its width to never be below `300px`.
-Change the `margin` property to include `1em` on the top and bottom, while leaving the right and left margins set to `auto`. Then set the width as described above.
+Ändere die `margin`-Eigenschaft, um `1em` oben und unten hinzuzufügen, während du die Margin-Eigenschaft rechts und links auf `auto` eingestellt lässt. Stelle dann die Breite wie oben beschrieben ein.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51578.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51578.md
index b97c418ae43..8da2bb64a83 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51578.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51578.md
@@ -1,6 +1,6 @@
---
id: 60b69a66b6ddb80858c51578
-title: Step 1
+title: Schritt 1
challengeType: 0
dashedName: step-1
---
@@ -77,7 +77,7 @@ You should have a closing `body` tag.
assert(code.match(/<\/body\s*>/i));
```
-The `head` and `body` elements should be siblings.
+Die `head`- und `body`-Elemente sollten Geschwister sein.
```js
assert(document.querySelector('head')?.nextElementSibling?.localName === 'body');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51579.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51579.md
index a68f492a99b..bef88d7d8b9 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51579.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51579.md
@@ -35,7 +35,7 @@ You should add exactly one `title` element.
assert(document.querySelectorAll('title').length === 1);
```
-Your `title` element should have the text `Picasso Painting`. Note that spelling and casing matter.
+Your `title` element should have the text `Picasso Painting`. Beachte, dass Recht- und Großschreibung von Bedeutung sind.
```js
assert(document.querySelector('title')?.innerText === 'Picasso Painting');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md
index 951d7e9dc09..b6e48a34eb0 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md
@@ -1,6 +1,6 @@
---
id: 60b69a66b6ddb80858c51585
-title: Step 15
+title: Schritt 15
challengeType: 0
dashedName: step-15
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md
index 18c5483fdad..8f8596d2099 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md
@@ -1,6 +1,6 @@
---
id: 60b69a66b6ddb80858c51587
-title: Step 17
+title: Schritt 17
challengeType: 0
dashedName: step-17
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md
index c441f561112..9b3eeb05984 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md
@@ -1,6 +1,6 @@
---
id: 60b69a66b6ddb80858c5158f
-title: Step 25
+title: Schritt 25
challengeType: 0
dashedName: step-25
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md
index d773fcd0e89..0d800e19d82 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md
@@ -1,6 +1,6 @@
---
id: 60b69a66b6ddb80858c5159c
-title: Step 38
+title: Schritt 38
challengeType: 0
dashedName: step-38
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md
index c12529972ad..34058e7f183 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md
@@ -1,6 +1,6 @@
---
id: 60b69a66b6ddb80858c515a2
-title: Step 45
+title: Schritt 45
challengeType: 0
dashedName: step-45
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515aa.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515aa.md
index a0cbbbcf863..bed8a26a126 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515aa.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515aa.md
@@ -7,23 +7,23 @@ dashedName: step-53
# --description--
-Now set the `position` to `absolute`, the `top` to `20%`, and the `left` to `20%`.
+Setze jetzt die `position` auf `absolute`, `top` auf `20%` und `left` auf `20%`.
# --hints--
-Your `#blue-left` selector should have a `position` property set to `absolute`.
+Dein `#blue-left`-Selektor sollte eine `position`-Eigenschaft haben, die auf `absolute` eingestellt ist.
```js
assert(new __helpers.CSSHelp(document).getStyle('#blue-left')?.position === 'absolute');
```
-Your `#blue-left` selector should have a `top` property set to `20%`.
+Dein `#blue-left`-Selektor sollte eine `top`-Eigenschaft haben, die auf `20%` eingestellt ist.
```js
assert(new __helpers.CSSHelp(document).getStyle('#blue-left')?.top === '20%');
```
-Your `#blue-left` selector should have a `left` property set to `20%`.
+Dein `#blue-left`-Selektor sollte eine `left`-Eigenschaft haben, die auf `20%` eingestellt ist.
```js
assert(new __helpers.CSSHelp(document).getStyle('#blue-left')?.left === '20%');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md
index a4344105843..a1472d1c0a8 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md
@@ -1,6 +1,6 @@
---
id: 60b69a66b6ddb80858c515b4
-title: Step 63
+title: Schritt 63
challengeType: 0
dashedName: step-63
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md
index 789fe6f9ca9..cad3b05a9c8 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md
@@ -1,6 +1,6 @@
---
id: 60b69a66b6ddb80858c515b5
-title: Step 64
+title: Schritt 64
challengeType: 0
dashedName: step-64
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md
index e7bf197ba5c..191070785a7 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md
@@ -1,6 +1,6 @@
---
id: 60b69a66b6ddb80858c515bd
-title: Step 79
+title: Schritt 79
challengeType: 0
dashedName: step-79
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fd78621573aa5e8b512f5e.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fd78621573aa5e8b512f5e.md
index b7cc33facc9..32f5343b3d4 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fd78621573aa5e8b512f5e.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fd78621573aa5e8b512f5e.md
@@ -49,13 +49,13 @@ Your first `td` element should have the text `$500`.
assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[2]?.querySelectorAll('td')?.[0]?.textContent === '$500');
```
-Your second `td` element should have the text `$650`.
+Dein zweites `td`-Element sollte den Text `$650` enthalten.
```js
assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[2]?.querySelectorAll('td')?.[1]?.textContent === '$650');
```
-Your third `td` element should have the text `$728`.
+Dein drittes `td`-Element sollte den Text `$728` enthalten.
```js
assert(document.querySelector('tbody')?.querySelectorAll('tr')?.[2]?.querySelectorAll('td')?.[2]?.textContent === '$728');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620175b3710a0951cfa86edf.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620175b3710a0951cfa86edf.md
index 092574d3811..b567ce6ce70 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620175b3710a0951cfa86edf.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620175b3710a0951cfa86edf.md
@@ -1,6 +1,6 @@
---
id: 620175b3710a0951cfa86edf
-title: Step 42
+title: Schritt 42
challengeType: 0
dashedName: step-42
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620179bc0a6a2358c72b90ad.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620179bc0a6a2358c72b90ad.md
index 1be1deb0c0a..6552458e8b1 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620179bc0a6a2358c72b90ad.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620179bc0a6a2358c72b90ad.md
@@ -17,7 +17,7 @@ You should have a `.table-wrap` selector.
assert(new __helpers.CSSHelp(document).getStyle('.table-wrap'));
```
-Your `.table-wrap` selector should have a `padding` property set to `0 0.75rem 1.5rem 0.75rem`.
+Dein `.table-wrap`-Selektor sollte eine `padding`-Eigenschaft von `0 0.75rem 1.5rem 0.75rem` haben.
```js
assert(new __helpers.CSSHelp(document).getStyle('.table-wrap')?.getPropertyValue('padding') === '0px 0.75rem 1.5rem');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620191707bc65579ddd3ce15.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620191707bc65579ddd3ce15.md
index a4ca6c2e132..4046619ad02 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620191707bc65579ddd3ce15.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620191707bc65579ddd3ce15.md
@@ -7,7 +7,7 @@ dashedName: step-55
# --description--
-Using the same selector syntax, target the `th` elements within your table rows where the `class` is `total`. Align the text to the left, and give them a padding of `0.5rem 0 0.25rem 0.5rem`.
+Using the same selector syntax, target the `th` elements within your table rows where the `class` is `total`. Richte den Text links aus und gib ihm einen Padding-Wert von `0.5rem 0 0.25rem 0.5rem`.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e7d1c29fb872d6384379c.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e7d1c29fb872d6384379c.md
index 719d3a58a59..34b87475517 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e7d1c29fb872d6384379c.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e7d1c29fb872d6384379c.md
@@ -1,6 +1,6 @@
---
id: 612e7d1c29fb872d6384379c
-title: Step 4
+title: Schritt 4
challengeType: 0
dashedName: step-4
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e9d142affc44a453655db.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e9d142affc44a453655db.md
index 4623cf034c5..b7a28c4359e 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e9d142affc44a453655db.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e9d142affc44a453655db.md
@@ -7,35 +7,35 @@ dashedName: step-16
# --description--
-Time to style the keys themselves. Create a `class` selector for the `.key` elements. Set the `background-color` set to the value `#ffffff`, the `position` property to `relative`, the `width` property to `41px`, and the `height` property to `175px`.
+Time to style the keys themselves. Create a `class` selector for the `.key` elements. Setze die `background-color` auf den Wert `#ffffff`, die `position`-Eigenschaft auf `relative`, die `width`-Eigenschaft auf `41px` und die `height`-Eigenschaft auf `175px`.
# --hints--
-You should have a `.key` selector.
+Du solltest einen `.key`-Selektor haben.
```js
assert(new __helpers.CSSHelp(document).getStyle('.key'));
```
-Your `.key` selector should have a `background-color` property set to `#ffffff`.
+Dein `.key`-Selektor sollte eine `background-color`-Eigenschaft mit `#ffffff` als Wert haben.
```js
assert(new __helpers.CSSHelp(document).getStyle('.key')?.backgroundColor === 'rgb(255, 255, 255)');
```
-Your `.key` selector should have the `position` property set to `relative`.
+Bei deinem `.key`-Selektor sollte die `position`-Eigenschaft auf `relative` eingestellt sein.
```js
assert(new __helpers.CSSHelp(document).getStyle('.key')?.position === 'relative');
```
-Your `.key` selector should have a `width` property set to `41px`.
+Dein `.key`-Selektor sollte eine `width`-Eigenschaft mit `41px` als Wert haben.
```js
assert(new __helpers.CSSHelp(document).getStyle('.key')?.width === '41px');
```
-Your `.key` selector should have a `height` property set to `175px`.
+Dein `.key`-Selektor sollte eine `height`-Eigenschaft mit `175px` als Wert haben.
```js
assert(new __helpers.CSSHelp(document).getStyle('.key')?.height === '175px');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebf9a210f2b6d77001e68.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebf9a210f2b6d77001e68.md
index ed438988bf8..9567302ae9d 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebf9a210f2b6d77001e68.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebf9a210f2b6d77001e68.md
@@ -7,11 +7,11 @@ dashedName: step-30
# --description--
-Now add a `.logo` selector to the `@media` query, and set the `width` property to `150px`.
+Füge nun einen `.logo`-Selektor zur `@media`-Query hinzu und setze die `width`-Eigenschaft auf `150px`.
# --hints--
-Your `@media` rule should have a `.logo` selector.
+Deine `@media`-Regel sollte einen `.logo`-Selektor haben.
```js
const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia('(max-width: 768px)');
@@ -19,7 +19,7 @@ const logo = rules?.find(rule => rule.selectorText === '.logo');
assert(logo);
```
-Your new `.logo` selector should have a `width` of `150px`.
+Dein neues `.logo`-Element sollte eine `width` von `150px` haben.
```js
const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia('(max-width: 768px)');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad69975.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad69975.md
index 351e6bf526e..675e2c5d5d9 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad69975.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad69975.md
@@ -1,6 +1,6 @@
---
id: 60a3e3396c7b40068ad69975
-title: Step 12
+title: Schritt 12
challengeType: 0
dashedName: step-12
---
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6997a.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6997a.md
index 4b8487597ad..d3b256ee035 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6997a.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6997a.md
@@ -11,7 +11,7 @@ Write a new rule that targets `.one` and set its `width` to 425 pixels.
# --hints--
-You should have a `.one` selector.
+Du solltest einen `.one`-Selektor haben.
```js
const hasOne = new __helpers.CSSHelp(document).getStyle('.one');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad69987.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad69987.md
index 0359a5acd95..a3304a364a5 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad69987.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad69987.md
@@ -7,27 +7,27 @@ dashedName: step-29
# --description--
-You don't always have to use pixels when sizing an element.
+Du musst nicht immer Pixel verwenden, um die Größe eines Element anzupassen.
-Create a new rule, `.three`, and set its `width` to `91%`.
+Erstelle eine neue Regel, `.three`, und setze ihre `width` auf `91%`.
# --hints--
-You should use the `.three` selector.
+Du solltest den `.three`-Selektor verwenden.
```js
const hasThree = new __helpers.CSSHelp(document).getStyle('.three');
assert(hasThree);
```
-You should set the `width` property to `91%`.
+Du solltest die `width`-Eigenschaft auf `91%` setzen.
```js
const hasWidth = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style.width === '91%');
assert(hasWidth);
```
-Your `.three` element should have a `width` value of `91%`.
+Dein `.three`-Element sollte einen `width`-Wert von `91%` haben.
```js
const threeWidth = new __helpers.CSSHelp(document).getStyle('.three')?.getPropertyValue('width');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f38cabc64e3556f98cc1a.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f38cabc64e3556f98cc1a.md
index 6ff4e43992b..3756a366145 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f38cabc64e3556f98cc1a.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f38cabc64e3556f98cc1a.md
@@ -7,19 +7,19 @@ dashedName: step-8
# --description--
-Borders can be used to group and prioritize content.
+Ränder können verwendet werden, um Inhalte zu gruppieren und zu priorisieren.
-Create a `.label` selector and give it a `border` set to `2px solid black`.
+Erstelle einen `.label`-Selektor und gib ihm eine `border`, die auf `2px solid black` eingestellt ist.
# --hints--
-You should have a `.label` selector.
+Du solltest einen `.label`-Selektor haben.
```js
assert(new __helpers.CSSHelp(document).getStyle('.label'));
```
-Your `.label` selector should have a `border` property set to `2px solid black`.
+Dein `.label`-Selektor sollte eine `border`-Eigenschaft mit `2px solid black` als Wert haben.
```js
assert(new __helpers.CSSHelp(document).getStyle('.label')?.border === '2px solid black');
diff --git a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
index 5985a299242..283a9f9df84 100644
--- a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
+++ b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
@@ -13,12 +13,20 @@ L’operatore resto `%` fornisce il resto della divisione di due nume
**Esempio**
-5 % 2 = 1 perché
Math.floor(5 / 2) = 2 (Quoziente)
2 * 2 = 4
5 - 4 = 1 (Resto)
+
+5 % 2 = 1
+5 / 2 = 2 remainder 1
+2 * 2 = 4
+5 - 4 = 1
+
-**Uso**
-In matematica si può verificare se un numero è pari o dispari controllando il resto della divisione del numero per `2`.
+**Usage**
+In mathematics, a number can be checked to be even or odd by checking the remainder of the division of the number by `2`. Even numbers have a remainder of `0`, while odd numbers a remainder of `1`.
-17 % 2 = 1 (17 è dispari)
48 % 2 = 0 (48 è pari)
+
+17 % 2 = 1
+48 % 2 = 0
+
**Nota:** L'operatore resto è a volte erroneamente indicato come l'operatore del modulo. Esso è molto simile al modulo, ma non funziona correttamente con numeri negativi.
@@ -51,7 +59,9 @@ assert(/\s+?remainder\s*?=\s*?.*%.*;?/.test(code));
## --after-user-code--
```js
-(function(y){return 'remainder = '+y;})(remainder);
+(function (y) {
+ return 'remainder = ' + y;
+})(remainder);
```
## --seed-contents--
diff --git a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
index 5d3c5e13fcb..9430120ca61 100644
--- a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
+++ b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
@@ -15,7 +15,7 @@ Un altro tipo di dati è il Boolean. I valori booleani possono essere
# --instructions--
-Modifica la funzione `welcomeToBooleans` in modo che restituisca `true` invece di `false` quando si fa clic sul pulsante per eseguire.
+Modify the `welcomeToBooleans` function so that it returns `true` instead of `false`.
# --hints--
diff --git a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
index 9862042c06f..4696dce4ca7 100644
--- a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
+++ b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
@@ -96,6 +96,20 @@ reRegex.lastIndex = 0;
assert(reRegex.test('10 10 10'));
```
+Your regex should not match the string `42\t42\t42`.
+
+```js
+reRegex.lastIndex = 0;
+assert(!reRegex.test('42\t42\t42'));
+```
+
+Your regex should not match the string `42 42 42`.
+
+```js
+reRegex.lastIndex = 0;
+assert(!reRegex.test('42 42 42'));
+```
+
# --seed--
## --seed-contents--
@@ -110,6 +124,6 @@ let result = reRegex.test(repeatNum);
```js
let repeatNum = "42 42 42";
-let reRegex = /^(\d+)\s\1\s\1$/;
+let reRegex = /^(\d+) \1 \1$/;
let result = reRegex.test(repeatNum);
```
diff --git a/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md b/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
index 9fb307fcd7e..fee23fcc14a 100644
--- a/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
+++ b/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-bar-chart
Soddisfa le user story qui sotto e supera tutti i test. Utilizza le librerie o le API di cui hai bisogno. Usa il tuo stile personale.
-Puoi usare HTML, JavaScript, CSS e la libreria di visualizzazione basata su svg D3. I test richiedono la generazione degli assi con la proprietà axis di D3, che crea automaticamente le tacche sugli assi. Queste tacche sono richieste per superare i test perché la loro posizione è usata per determinale l'allineamento degli elementi del grafico. Puoi trovare informazioni su come generare gli assi su . Gli elementi del DOM (non-virtuale) richiesti sono selezionati al momento di ogni test. Se usi un framework frontend (come Vue per esempio) i risultati dei test potrebbero essere inaccurati per il contenuto dinamico. Speriamo di supportarli prima o poi, ma al momento non lo sono per i progetti D3.
+Puoi usare HTML, JavaScript, CSS e la libreria di visualizzazione basata su svg D3. I test richiedono la generazione degli assi con la proprietà axis di D3, che crea automaticamente le tacche sugli assi. Queste tacche sono richieste per superare i test perché la loro posizione è usata per determinale l'allineamento degli elementi del grafico. Puoi trovare informazioni su come generare gli assi su . Required DOM elements are queried on the moment of each test. Se usi un framework frontend (come Vue per esempio) i risultati dei test potrebbero essere inaccurati per il contenuto dinamico. Speriamo di supportarli prima o poi, ma al momento non lo sono per i progetti D3.
**User Story #1:** Il mio grafico dovrebbe avere un titolo con corrispondente `id="title"`.
diff --git a/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md b/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
index 082541fda22..c31f071d742 100644
--- a/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
+++ b/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-choropleth-map
Soddisfa le user story qui sotto e supera tutti i test. Utilizza le librerie o le API di cui hai bisogno. Usa il tuo stile personale.
-Puoi usare HTML, JavaScript, CSS e la libreria di visualizzazione basata su svg D3. Gli elementi del DOM (non-virtuale) richiesti sono selezionati al momento di ogni test. Se usi un framework frontend (come Vue per esempio) i risultati dei test potrebbero essere inaccurati per il contenuto dinamico. Speriamo di supportarli prima o poi, ma questi framework non sono supportati al momento per i progetti D3.
+Puoi usare HTML, JavaScript, CSS e la libreria di visualizzazione basata su svg D3. Required DOM elements are queried on the moment of each test. Se usi un framework frontend (come Vue per esempio) i risultati dei test potrebbero essere inaccurati per il contenuto dinamico. Speriamo di supportarli prima o poi, ma questi framework non sono supportati al momento per i progetti D3.
**User Story #1:** La mia mappa coropletica dovrebbe avere un titolo con corrispondente `id="title"`.
diff --git a/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md b/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
index 9e78b33b979..3c20a5f1d92 100644
--- a/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
+++ b/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-heat-map
Soddisfa le user story qui sotto e supera tutti i test. Utilizza le librerie o le API di cui hai bisogno. Usa il tuo stile personale.
-Puoi usare HTML, JavaScript, CSS e la libreria di visualizzazione basata su svg D3. Gli elementi del DOM (non-virtuale) richiesti sono selezionati al momento di ogni test. Se usi un framework frontend (come Vue per esempio) i risultati dei test potrebbero essere inaccurati per il contenuto dinamico. Speriamo di supportarli prima o poi, ma questi framework non sono supportati al momento per i progetti D3.
+Puoi usare HTML, JavaScript, CSS e la libreria di visualizzazione basata su svg D3. Required DOM elements are queried on the moment of each test. Se usi un framework frontend (come Vue per esempio) i risultati dei test potrebbero essere inaccurati per il contenuto dinamico. Speriamo di supportarli prima o poi, ma questi framework non sono supportati al momento per i progetti D3.
**User Story #1:** La mia mappa di calore dovrebbe avere un titolo con corrispondente `id="title"`.
diff --git a/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md b/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
index a0d6387a74b..8857b24f504 100644
--- a/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
+++ b/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-scatterplot-graph
Soddisfa le user story qui sotto e supera tutti i test. Utilizza le librerie o le API di cui hai bisogno. Usa il tuo stile personale.
-Puoi usare HTML, JavaScript, CSS e la libreria di visualizzazione basata su svg D3. I test richiedono la generazione degli assi con la proprietà axis di D3, che crea automaticamente le tacche sugli assi. Queste tacche sono richieste per superare i test perché la loro posizione è usata per determinare l'allineamento degli elementi del grafico. Puoi trovare informazioni su come generare gli assi su . Gli elementi del DOM (non-virtuale) richiesti sono selezionati al momento di ogni test. Se usi un framework frontend (come Vue per esempio) i risultati dei test potrebbero essere inaccurati per il contenuto dinamico. Speriamo di supportarli prima o poi, ma al momento non lo sono per i progetti D3.
+Puoi usare HTML, JavaScript, CSS e la libreria di visualizzazione basata su svg D3. I test richiedono la generazione degli assi con la proprietà axis di D3, che crea automaticamente le tacche sugli assi. Queste tacche sono richieste per superare i test perché la loro posizione è usata per determinare l'allineamento degli elementi del grafico. Puoi trovare informazioni su come generare gli assi su . Required DOM elements are queried on the moment of each test. Se usi un framework frontend (come Vue per esempio) i risultati dei test potrebbero essere inaccurati per il contenuto dinamico. Speriamo di supportarli prima o poi, ma al momento non lo sono per i progetti D3.
**User Story #1:** Posso vedere un elemento title con un corrispondente `id="title"`.
diff --git a/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md b/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
index d4b667c4c9d..da8c47873dc 100644
--- a/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
+++ b/curriculum/challenges/italian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-treemap-diagram
Soddisfa le user story qui sotto e supera tutti i test. Utilizza le librerie o le API di cui hai bisogno. Usa il tuo stile personale.
-Puoi usare HTML, JavaScript, CSS e la libreria di visualizzazione basata su svg D3. I test richiedono la generazione degli assi con la proprietà axis di D3, che crea automaticamente le tacche sugli assi. Queste tacche sono richieste per superare i test perché la loro posizione è usata per determinale l'allineamento degli elementi del grafico. Puoi trovare informazioni su come generare gli assi su . Gli elementi del DOM (non-virtuale) richiesti sono selezionati al momento di ogni test. Se usi un framework frontend (come Vue per esempio) i risultati dei test potrebbero essere inaccurati per il contenuto dinamico. Speriamo di supportarli prima o poi, ma questi framework non sono supportati al momento per i progetti D3.
+Puoi usare HTML, JavaScript, CSS e la libreria di visualizzazione basata su svg D3. I test richiedono la generazione degli assi con la proprietà axis di D3, che crea automaticamente le tacche sugli assi. Queste tacche sono richieste per superare i test perché la loro posizione è usata per determinale l'allineamento degli elementi del grafico. Puoi trovare informazioni su come generare gli assi su . Required DOM elements are queried on the moment of each test. Se usi un framework frontend (come Vue per esempio) i risultati dei test potrebbero essere inaccurati per il contenuto dinamico. Speriamo di supportarli prima o poi, ma questi framework non sono supportati al momento per i progetti D3.
**User Story #1:** La mia mappa ad albero dovrebbe avere un titolo con corrispondente `id="title"`.
diff --git a/curriculum/challenges/italian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md b/curriculum/challenges/italian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
index 71e7ee3c07f..77c0b4ea71d 100644
--- a/curriculum/challenges/italian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
+++ b/curriculum/challenges/italian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
@@ -50,7 +50,7 @@ Invia la tua pagina quando pensi che sia tutto corretto. Se incontri degli error
# --hints--
-Dovresti serializzare correttamente la funzione user.
+You should serialize the user object correctly.
```js
async (getUserInput) => {
@@ -70,7 +70,7 @@ async (getUserInput) => {
}
```
-Dovresti deserializzare correttamente la funzione user.
+You should deserialize the user object correctly.
```js
async (getUserInput) => {
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md
index 55261c9ab5b..91cf04c32ce 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md
@@ -7,7 +7,10 @@ dashedName: step-3
# --description--
-Ricorda che l'elemento `title` fornisce ai motori di ricerca informazioni aggiuntive sulla pagina. Inoltre dice ai browser quale testo visualizzare nella barra del titolo quando la pagina è aperta, e nella scheda della pagina.
+Ricorda che l'elemento `title` fornisce ai motori di ricerca informazioni aggiuntive sulla pagina. It also displays the content of that `title` element in two more ways:
+
+* in the title bar when the page is open
+* in the browser tab for the page when you hover on it. Even if that tab is not active, once you hover on the tab, the `title` text is displayed.
All'interno dell'elemento `head`, annida un elemento `title` con il testo `Colored Markers`.
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md
index 090d7c6fc2a..e5621bca867 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md
@@ -7,24 +7,26 @@ dashedName: step-5
# --description--
-Aggiungi un altro elemento `meta` autoconcludente all'interno dell'elemento `head`. Assegnagli un attributo `name` con il valore `viewport` e un attributo `content` con il valore `width=device-width, initial-scale=1.0`, in modo che la pagina abbia lo stesso aspetto su tutti i dispositivi.
+You can have multiple self-closing `meta` elements on a web page. What distinguishes one `meta` element from the other is the attribute. You should add a new meta element for each attribute you want to specify.
+
+Add another self-closing `meta` element within the `head`. Give it a `name` attribute set to `viewport` and a `content` attribute set to `width=device-width, initial-scale=1.0` so your page looks the same on all devices.
# --hints--
-Dovresti avere due elementi `meta`.
+You should have two `meta` elements.
```js
const meta = document.querySelectorAll('meta');
assert(meta?.length === 2);
```
-Il nuovo elemento `meta` dovrebbe essere un elemento autoconcludente.
+Your new `meta` element should be a self-closing element.
```js
assert(code.match(/<\/meta>/i) === null);
```
-Il nuovo elemento `meta` dovrebbe avere un attributo `name` con il valore `viewport` e un attributo `content` con il valore `width=device-width, initial-scale=1.0`.
+Your new `meta` element should have a `name` attribute set to `viewport`, and a `content` attribute set to `width=device-width, initial-scale=1.0`.
```js
const meta = [...document.querySelectorAll('meta')];
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md
index c2a81e2482b..85901371716 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md
@@ -9,7 +9,7 @@ dashedName: step-7
In questo progetto lavorerai sullo stile della pagina all'interno di un file CSS esterno. Abbiamo già creato un file `styles.css` per te. Ma prima di poterlo usare, devi collegarlo alla pagina.
-Annida un elemento `link` all'interno dell'elemento `head`. Dagli un attributo `rel` con valore di `stylesheet` e un attributo `href` con valore di `styles.css`.
+Nest a `link` element within the `head` element. Dagli un attributo `rel` con valore di `stylesheet` e un attributo `href` con valore di `styles.css`.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md
index 650583382ae..4de61be6670 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md
@@ -9,7 +9,7 @@ dashedName: step-9
Ora aggiungerai alcuni elementi che alla fine trasformerai nei pennarelli colorati.
-Prima di tutto, all'interno del `body`, aggiungi un elemento `div` e assegna all'attributo `class` il valore `container`. Dovresti aggiungere un elemento `div` sotto il tuo elemento `h1`.
+First, within the `body` element, add a `div` element and set its `class` attribute to `container`. Dovresti aggiungere un elemento `div` sotto il tuo elemento `h1`.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md
index 07e4b5b7e1e..b71a79b700c 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md
@@ -7,7 +7,7 @@ dashedName: step-10
# --description--
-All'interno dell'elemento `div`, aggiungi un altro elemento `div` e assegnagli la classe `marker`.
+Next, within the `div` element, add another `div` element and give it a class of `marker`.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md
index 3e6f9c9ea90..ebd26e164ae 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md
@@ -7,7 +7,7 @@ dashedName: step-12
# --description--
-Il colore di sfondo è stato applicato, ma poiché l'elemento `div` marker è vuoto, non possiede alcuna altezza come impostazione predefinita.
+The background color was applied, but since the marker `div` element has no content in it, it doesn't have any height by default.
Nella regola CSS `.marker`, imposta la proprietà `height` su `25px` e la proprietà `width` su `200px`
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md
index 7895c993dc2..8ccb4376850 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md
@@ -13,19 +13,21 @@ Per dare ai pennarelli dei colori diversi, avrai bisogno di dare una classe unic
```
-Per iniziare, dovresti aggiungere la classe `one` all'elemento `div` del primo pennarello.
+If you add multiple classes to an HTML element, the styles of the first classes you list may be overridden by later classes.
+
+To begin, add the class `one` to the first marker `div` element.
# --hints--
-Dovresti aggiungere la classe `one` al primo elemento `div`.
+You should add the class `one` to the first marker `div` element.
```js
const containerFirstChild = [...document.querySelector('.container')?.children][0];
assert(containerFirstChild?.classList?.contains('one'));
```
-Il primo elemento `div` dovrebbe avere le classi `marker` e `one`.
+Your first marker `div` should have the classes `marker` and `one`.
```js
const containerFirstChild = [...document.querySelector('.container')?.children][0];
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
index 81a4b21b28e..c40d61cf91a 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
@@ -7,7 +7,7 @@ dashedName: step-19
# --description--
-Aggiungi la classe `two` al secondo elemento `div` e la classe `three` al terzo elemento `div`.
+Add the class `two` to the second marker `div`, and add the class `three` to the third marker `div`.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
index 1348dbd4e01..34dce4f1b9b 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
@@ -9,11 +9,11 @@ dashedName: step-34
Ci sono altri tre colori terziari: verde chartreuse (verde + giallo), azzurro (blu + ciano) e rosa (rosso + magenta).
-Per creare il verde chartreuse, aggiorna la funzione `rgb` nella regola `.one` in modo che il rosso sia a `127` e imposta il verde al valore massimo.
+To create chartreuse green, update the `rgb` function in the `.one` CSS rule so that red is at `127`, and set green to the max value.
-Per l'azzurro, aggiorna la funzione `rgb` nella regola `.two` in modo che il verde sia a `127` e il blu al valore massimo.
+For azure, update the `rgb` function in the `.two` CSS rule so that green is at `127` and blue is at the max value.
-Per il rosa, che a volte è chiamato rosa acceso, aggiorna la funzione `rgb` nella regola `.three` in modo che il blu sia `127` e il rosso sia al valore massimo.
+And for rose, which is sometimes called bright pink, update the `rgb` function in the `.three` CSS rule so that blue is at `127` and red is at the max value.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
index 2a0fa26600f..9fb1194eb74 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
@@ -9,7 +9,7 @@ dashedName: step-35
Ora che hai usato tutti i colori primari, secondari e terziari sulla ruota dei colori, sarà più facile capire altri concetti della teoria dei colori e come influiscono sul design.
-Prima di tutto, nelle regole `.one`, `.two` e `.three`, regola i valori nella funzione `rgb` in modo che il `background-color` di ogni elemento sia impostato sul nero puro. Ricorda che la funzione `rgb` utilizza il modello additivo dei colori, in cui i colori iniziano partono dal nero e cambiano con l'aumento dei valori di rosso, verde e blu.
+First, in the CSS rules `.one`, `.two`, and `.three`, adjust the values in the `rgb` function so that the `background-color` of each element is set to pure black. Ricorda che la funzione `rgb` utilizza il modello additivo dei colori, in cui i colori iniziano partono dal nero e cambiano con l'aumento dei valori di rosso, verde e blu.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
index 8cb241387dd..e82591abd09 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
@@ -11,7 +11,7 @@ Nota che i colori rosso e ciano sono molto luminosi uno accanto all'altro. Quest
È bene scegliere un unico colore dominante e utilizzare il suo colore complementare come contrasto per attirare l'attenzione su determinati contenuti della pagina.
-Nella regola `h1`, utilizza la funzione `rgb` per impostare lo sfondo sul colore ciano.
+First, in the `h1` rule, use the `rgb` function to set its `background-color` to cyan.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
index d79cc9d3a78..fe458c7629c 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
@@ -7,7 +7,7 @@ dashedName: step-38
# --description--
-Nella regola `.one`, utilizza la funzione `rgb` per impostare il `background-color` sul nero. Invece, nella regola `.two`, utilizza la funzione `rgb` per impostare il `background-color` sul rosso.
+Next, in the `.one` CSS rule, use the `rgb` function to set the `background-color` to black. And in the `.two` CSS rule, use the `rgb` function to set the `background-color` to red.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
index 24e31f229f2..db673732521 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
@@ -11,7 +11,7 @@ Hai notato come i tuoi occhi sono naturalmente attratti al colore rosso al centr
Ci sono diverse altre combinazioni di colori importanti al di fuori dei colori complementari, ma le imparerai un po' più avanti.
-Per ora, utilizza la funzione `rgb` nella regola `.two` per impostare il `background-color` sul nero.
+For now, use the `rgb` function in the `.two` CSS rule to set the `background-color` to black.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
index b6a1eb79b3f..c9c497fe1e3 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
@@ -7,7 +7,7 @@ dashedName: step-40
# --description--
-Nella regola `h1`, rimuovi la proprietà `background-color` e il suo valore per tornare al colore bianco predefinito.
+And in the `h1` CSS rule, remove the `background-color` property and value to go back to the default white color.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
index baf0754fce0..216edb06e91 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
@@ -7,7 +7,7 @@ dashedName: step-42
# --description--
-Aggiorna il selettore di classe `.one` in modo che selezioni la nuova classe `red`.
+Update the `.one` CSS rule to target the new `red` class.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
index 166c4431441..14a790da7cb 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
@@ -7,7 +7,7 @@ dashedName: step-43
# --description--
-Aggiorna la funzione `rgb` nella regola `.red` in modo che il rosso sia al valore massimo.
+And update the `rgb` function in the `.red` CSS rule so that the red value is at the max.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
index 7bf7adbf0e0..377b2392bb7 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
@@ -7,7 +7,7 @@ dashedName: step-45
# --description--
-Aggiorna il selettore di classe CSS `.two` in modo che selezioni la nuova classe `green`. Aggiorna anche il selettore `.three` in modo che faccia riferimento alla nuova classe `blue`.
+Aggiorna il selettore di classe CSS `.two` in modo che selezioni la nuova classe `green`. And update the `.three` class selector so it targets the new `blue` class.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
index 48f4b84cf2a..56ec7e8e865 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
@@ -11,7 +11,7 @@ In CSS, l'utilizzo di un valore
esadecimale è un modo molto comune p
I colori esadecimali vengono espressi con un carattere iniziale `#` seguito da sei caratteri da 0-9 e A-F. La prima coppia di caratteri rappresenta il rosso, la seconda rappresenta il verde e la terza coppia rappresenta il blu. Ad esempio, `#4B5320`.
-Nella regola CSS `.green`, assegna alla proprietà `background-color` il codice colore esadecimale con i valori `00` per il rosso, `FF` per il verde e `00` blu.
+In the `.green` class selector, set the `background-color` property to a hex color code with the values `00` for red, `FF` for green, and `00` blue.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
index 5b50b617205..bfba80549f4 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
@@ -15,7 +15,7 @@ Dovresti già avere familiarità con i valori decimali, o in base 10, che vanno
Con i colori esadecimali, `00` indica lo 0% di quel colore, mentre `FF` indica il 100%. Quindi `#00FF00` indica lo 0% di rosso, il 100% di verde e lo 0% di blu, ed è equivalente a `rgb(0, 255, 0)`.
-Abbassa l'intensità del verde impostando il valore del verde del colore esadecimale a `7F`.
+Lower the intensity of green by setting the green value of the hex color to `7F`.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
index ad419e81d42..15f35fdac18 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
@@ -9,11 +9,11 @@ dashedName: step-48
Il modello di colore
HSL, o tonalità, saturazione e luminosità, è un altro modo per rappresentare i colori.
-La funzione CSS `hsl` accetta 3 valori: un numero da 0 a 360 per la tonalità, una percentuale da 0 a 100 per la saturazione e una percentuale da 0 a 100 per la luminosità.
+The CSS hsl function accepts 3 values: a number from 0 to 360 for hue, a percentage from 0 to 100 for saturation, and a percentage from 0 to 100 for lightness.
Se immagini una ruota dei colori, la tonalità rossa si trova a 0 gradi, il verde a 120 gradi e il blu a 240 gradi.
-La saturazione è l'intensità di un colore dallo 0%, o grigio, al 100% per il colore puro.
+Saturation is the intensity of a color from 0%, or gray, to 100% for pure color. You must add the percent sign `%` to the saturation and lightness values.
La luminosità indica quanto appare brillante un colore, dallo 0%, completamente nero, al 100%, completamente bianco, mentre il 50% è neutrale.
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
index 907023231fb..72e7b702b76 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
@@ -9,7 +9,7 @@ dashedName: step-70
Ora che i pennarelli hanno i colori corretti, è il momento di costruire il loro corpo. Inizia con il pennarello rosso.
-All'interno dell'elemento `div` del pennarello rosso, crea un nuovo `div` e assegnagli la classe `sleeve`.
+Inside the red marker `div` element, create a new `div` element and give it a class of `sleeve`.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
index dae230d51f3..06cdd20c062 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
@@ -15,11 +15,13 @@ La funzione `rgba` funziona come la funzione `rgb`, ma accetta un altro numero d
rgba(redValue, greenValue, blueValue, alphaValue);
```
-Nella regola `.sleeve`, utilizza la funzione `rgba` per cambiare la proprietà `background-color` in bianco puro con il 50% di opacità.
+You can also use an alpha channel with `hsl` and `hex` colors. You will see how to do that soon.
+
+In the `.sleeve` rule, use the `rgba` function to set the `background-color` property to pure white with 50% opacity.
# --hints--
-La regola CSS `.sleeve` dovrebbe avere una proprietà `background-color` con il valore `rgba(255, 255, 255, 0.5)`.
+Your `.sleeve` CSS rule should have a `background-color` property set to `rgba(255, 255, 255, 0.5)`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.sleeve')?.backgroundColor === 'rgba(255, 255, 255, 0.5)');
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
index d78653b0699..ab15c94ab85 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
@@ -15,13 +15,22 @@ La proprietà `box-shadow` consente di applicare una o più ombre intorno a un e
box-shadow: offsetX offsetY color;
```
-Inizia aggiungendo una ombra semplice al pennarello rosso.
+Here's how the `offsetX` and `offsetY` values work:
-Nella regola CSS `.red`, aggiungi la proprietà `box-shadow` con i valori `5px` per `offsetX`, `5px` per `offsetY`e `red` per `color`.
+* both `offsetX` and `offsetY` accept number values in `px` and other CSS units
+* a positive `offsetX` value moves the shadow right and a negative value moves it left
+* a positive `offsetY` value moves the shadow down and a negative value moves it up
+* if you want a value of zero (`0`) for any or both `offsetX` and `offsetY`, you don't need to add a unit. Every browser understands that zero means no change.
+
+The height and width of the shadow is determined by the height and width of the element it's applied to. You can also use an optional `spreadRadius` value to spread out the reach of the shadow. More on that later.
+
+Start by adding a simple shadow to the red marker.
+
+In the `.red` CSS rule, add the `box-shadow` property with the values `5px` for `offsetX`, `5px` for `offsetY`, and `red` for `color`.
# --hints--
-La regola CSS `.red` dovrebbe avere una proprietà shorthand `box-shadow` con il valore `5px 5px red`.
+Your `.red` CSS rule should have a `box-shadow` shorthand property and with the value `5px 5px red`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.red')?.boxShadow === 'red 5px 5px');
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
index 8c2b7d33560..578e052673b 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
@@ -9,7 +9,7 @@ dashedName: step-90
Ora che hai familiarità con la proprietà `box-shadow`, puoi terminare le ombre, iniziando da quella del pennarello rosso.
-Nella regola CSS `.red`, aggiorna i valori delle proprietà `box-shadow` in modo che `offsetX` sia `0`,`offsetY` sia `0`, `blurRadius` sia `20px`, `spreadRadius` sia `0` e `color` sia `red`.
+In the `.red` CSS rule, update the values for the `box-shadow` property so `offsetX` is `0`,`offsetY` is `0`, `blurRadius` is `20px`, `spreadRadius` is `0`, and `color` is `red`. Remember that you don't need to add units to a zero value.
# --hints--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md
index 4848784a113..341d324ab6c 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md
@@ -14,7 +14,7 @@ Seleziona l'elemento `body` e dagli un `background` con un gradiente lineare ang
Dovresti usare un selettore `body`.
```js
-assert.match(code, /body\s*\{/);
+assert.exists(new __helpers.CSSHelp(document).getStyle('body'));
```
Dovresti usare la proprietà `background` nel selettore `body`.
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
index 1e04fcae0c0..ece2fb570b4 100644
--- a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
@@ -13,12 +13,20 @@ dashedName: finding-a-remainder-in-javascript
**例**
-
5 % 2 = 1 なぜならば
Math.floor(5 / 2) = 2 (割り算の商)
2 * 2 = 4
5 - 4 = 1 (割り算の余り)
+
+5 % 2 = 1
+5 / 2 = 2 remainder 1
+2 * 2 = 4
+5 - 4 = 1
+
-**使用例**
-数学では、ある数が偶数か奇数かを求めるために、その数を `2` で割った余りを調べることができます。
+**Usage**
+In mathematics, a number can be checked to be even or odd by checking the remainder of the division of the number by `2`. Even numbers have a remainder of `0`, while odd numbers a remainder of `1`.
-
17 % 2 = 1 (17 は奇数)
48 % 2 = 0 (48 は偶数)
+
+17 % 2 = 1
+48 % 2 = 0
+
**注:**
剰余演算子はしばしばモジュロ演算子と混同されることがあります。 剰余はモジュロと非常によく似ていますが、負数では正しく機能しません。
@@ -51,7 +59,9 @@ assert(/\s+?remainder\s*?=\s*?.*%.*;?/.test(code));
## --after-user-code--
```js
-(function(y){return 'remainder = '+y;})(remainder);
+(function (y) {
+ return 'remainder = ' + y;
+})(remainder);
```
## --seed-contents--
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
index a1aa274902e..15a5c19daba 100644
--- a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
@@ -15,7 +15,7 @@ dashedName: understanding-boolean-values
# --instructions--
-実行ボタンがクリックされたときに `false` ではなく `true` を返すように、`welcomeToBooleans` 関数を変更してください。
+Modify the `welcomeToBooleans` function so that it returns `true` instead of `false`.
# --hints--
diff --git a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
index e59a8db2562..9e0126f4ab8 100644
--- a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
@@ -96,6 +96,20 @@ reRegex.lastIndex = 0;
assert(reRegex.test('10 10 10'));
```
+Your regex should not match the string `42\t42\t42`.
+
+```js
+reRegex.lastIndex = 0;
+assert(!reRegex.test('42\t42\t42'));
+```
+
+Your regex should not match the string `42 42 42`.
+
+```js
+reRegex.lastIndex = 0;
+assert(!reRegex.test('42 42 42'));
+```
+
# --seed--
## --seed-contents--
@@ -110,6 +124,6 @@ let result = reRegex.test(repeatNum);
```js
let repeatNum = "42 42 42";
-let reRegex = /^(\d+)\s\1\s\1$/;
+let reRegex = /^(\d+) \1 \1$/;
let result = reRegex.test(repeatNum);
```
diff --git a/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md b/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
index 705e14c2f36..2356f82c753 100644
--- a/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
+++ b/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-bar-chart
以下のユーザーストーリーを満たし、すべてのテストが成功するようにしてください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなた独自のスタイルを加えましょう。
-HTML、JavaScript、CSS、および D3 の SVG ベースのビジュアライゼーションライブラリを使用できます。 テストでは、軸に沿って自動的に目盛り (tick) を生成する D3 軸プロパティを使用して軸を生成する必要があります。 グラフ化された要素の配置を調べるために目盛りの位置が使用されるので、D3 テストを成功させるためにはこの目盛りが必要です。 軸の生成については、
を参照してください。 必要な (非仮想) DOM 要素は、各テストの時にクエリされます。 フロントエンドフレームワーク (例えば Vue など) を使用した場合、動的なコンテンツではテスト結果が不正確になる可能性があります。 最終的には対応したいと考えていますが、現在の D3 プロジェクトではこれらのフレームワークはサポートされていません。
+HTML、JavaScript、CSS、および D3 の SVG ベースのビジュアライゼーションライブラリを使用できます。 テストでは、軸に沿って自動的に目盛り (tick) を生成する D3 軸プロパティを使用して軸を生成する必要があります。 グラフ化された要素の配置を調べるために目盛りの位置が使用されるので、D3 テストを成功させるためにはこの目盛りが必要です。 軸の生成については、 を参照してください。 Required DOM elements are queried on the moment of each test. フロントエンドフレームワーク (例えば Vue など) を使用した場合、動的なコンテンツではテスト結果が不正確になる可能性があります。 最終的には対応したいと考えていますが、現在の D3 プロジェクトではこれらのフレームワークはサポートされていません。
**ユーザーストーリー #1:** 私のチャートには、タイトルとそれに対応する `id="title"` が必要です。
diff --git a/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md b/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
index 34ae7d8c821..d96eb8ba319 100644
--- a/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
+++ b/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-choropleth-map
以下のユーザーストーリーを満たし、すべてのテストが成功するようにしてください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなた独自のスタイルを加えましょう。
-HTML、JavaScript、CSS、および D3 の SVG ベースのビジュアライゼーションライブラリを使用できます。 必要な (非仮想) DOM 要素は、各テストの時にクエリされます。 フロントエンドフレームワーク (例えば Vue など) を使用した場合、動的なコンテンツではテスト結果が不正確になる可能性があります。 最終的には対応したいと考えていますが、現在の D3 プロジェクトではこれらのフレームワークはサポートされていません。
+HTML、JavaScript、CSS、および D3 の SVG ベースのビジュアライゼーションライブラリを使用できます。 Required DOM elements are queried on the moment of each test. フロントエンドフレームワーク (例えば Vue など) を使用した場合、動的なコンテンツではテスト結果が不正確になる可能性があります。 最終的には対応したいと考えていますが、現在の D3 プロジェクトではこれらのフレームワークはサポートされていません。
**ユーザーストーリー #1:** 私のコロプレスには、タイトルとそれに対応する `id="title"` が必要です。
diff --git a/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md b/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
index 0961a1a8ea1..02490acbe14 100644
--- a/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
+++ b/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-heat-map
以下のユーザーストーリーを満たし、すべてのテストが成功するようにしてください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなた独自のスタイルを加えましょう。
-HTML、JavaScript、CSS、および D3 の SVG ベースのビジュアライゼーションライブラリを使用できます。 必要な (非仮想) DOM 要素は、各テストの時にクエリされます。 フロントエンドフレームワーク (例えば Vue など) を使用した場合、動的なコンテンツではテスト結果が不正確になる可能性があります。 最終的には対応したいと考えていますが、現在の D3 プロジェクトではこれらのフレームワークはサポートされていません。
+HTML、JavaScript、CSS、および D3 の SVG ベースのビジュアライゼーションライブラリを使用できます。 Required DOM elements are queried on the moment of each test. フロントエンドフレームワーク (例えば Vue など) を使用した場合、動的なコンテンツではテスト結果が不正確になる可能性があります。 最終的には対応したいと考えていますが、現在の D3 プロジェクトではこれらのフレームワークはサポートされていません。
**ユーザーストーリー #1:** 私のヒートマップには、タイトルとそれに対応する `id="title"` が必要です。
diff --git a/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md b/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
index e80724b4e94..7e63a7973db 100644
--- a/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
+++ b/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-scatterplot-graph
以下のユーザーストーリーを満たし、すべてのテストが成功するようにしてください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなた独自のスタイルを加えましょう。
-HTML、JavaScript、CSS、および D3 の SVG ベースのビジュアライゼーションライブラリを使用できます。 テストでは、軸に沿って自動的に目盛りを生成する D3 軸プロパティを使用して軸を生成する必要があります。 グラフ化された要素の配置を調べるために目盛りの位置が使用されるので、D3 テストを成功させるためにはこの目盛りが必要です。 軸の生成については を参照してください。 必要な (非仮想) DOM 要素は、各テストの時にクエリされます。 フロントエンドフレームワーク (例えば Vue など) を使用した場合、動的なコンテンツではテスト結果が不正確になる可能性があります。 最終的には対応したいと考えていますが、現在の D3 プロジェクトではこれらのフレームワークはサポートされていません。
+HTML、JavaScript、CSS、および D3 の SVG ベースのビジュアライゼーションライブラリを使用できます。 テストでは、軸に沿って自動的に目盛りを生成する D3 軸プロパティを使用して軸を生成する必要があります。 グラフ化された要素の配置を調べるために目盛りの位置が使用されるので、D3 テストを成功させるためにはこの目盛りが必要です。 軸の生成については を参照してください。 Required DOM elements are queried on the moment of each test. フロントエンドフレームワーク (例えば Vue など) を使用した場合、動的なコンテンツではテスト結果が不正確になる可能性があります。 最終的には対応したいと考えていますが、現在の D3 プロジェクトではこれらのフレームワークはサポートされていません。
**ユーザーストーリー #1:** 対応する `id="title"` を持つタイトル要素が表示されています。
diff --git a/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md b/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
index 59d6167f6d3..c5e986545b3 100644
--- a/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
+++ b/curriculum/challenges/japanese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-treemap-diagram
以下のユーザーストーリーを満たし、すべてのテストが成功するようにしてください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなた独自のスタイルを加えましょう。
-HTML、JavaScript、CSS、および D3 の SVG ベースのビジュアライゼーションライブラリを使用できます。 テストでは、軸に沿って自動的に目盛りを生成する D3 軸プロパティを使用して軸を生成する必要があります。 グラフ化された要素の配置を調べるために目盛りの位置が使用されるので、D3 テストを成功させるためにはこの目盛りが必要です。 軸の生成については を参照してください。 必要な (非仮想) DOM 要素は、各テストの時にクエリされます。 フロントエンドフレームワーク (例えば Vue など) を使用した場合、動的なコンテンツではテスト結果が不正確になる可能性があります。 最終的には対応したいと考えていますが、現在の D3 プロジェクトではこれらのフレームワークはサポートされていません。
+HTML、JavaScript、CSS、および D3 の SVG ベースのビジュアライゼーションライブラリを使用できます。 テストでは、軸に沿って自動的に目盛りを生成する D3 軸プロパティを使用して軸を生成する必要があります。 グラフ化された要素の配置を調べるために目盛りの位置が使用されるので、D3 テストを成功させるためにはこの目盛りが必要です。 軸の生成については を参照してください。 Required DOM elements are queried on the moment of each test. フロントエンドフレームワーク (例えば Vue など) を使用した場合、動的なコンテンツではテスト結果が不正確になる可能性があります。 最終的には対応したいと考えていますが、現在の D3 プロジェクトではこれらのフレームワークはサポートされていません。
**ユーザーストーリー #1:** 私のツリーマップには、タイトルとそれに対応する `id="title"` が必要です。
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/announce-new-users.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/announce-new-users.md
index 1c8133af665..1493997374a 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/announce-new-users.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/announce-new-users.md
@@ -34,7 +34,7 @@ socket.on('user', data => {
});
```
-正しいと思ったら、ページを送信してください。 If you're running into errors, you can check out the project completed up to this point .
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/authentication-strategies.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/authentication-strategies.md
index fbd8ab7c7d0..a6548ff2800 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/authentication-strategies.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/authentication-strategies.md
@@ -36,7 +36,7 @@ Many strategies are set up using different settings. Generally, it is easy to se
In the next step, you will set up how to actually call the authentication strategy to validate a user based on form data.
-正しいと思ったら、ページを送信してください。 If you're running into errors, you can check out the project completed up to this point.
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/authentication-with-socket.io.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/authentication-with-socket.io.md
index ee0c4fd2222..2db73a3626f 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/authentication-with-socket.io.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/authentication-with-socket.io.md
@@ -65,7 +65,7 @@ console.log('user ' + socket.request.user.username + ' connected');
接続したサーバーコンソールにログインします！
-正しいと思ったら、ページを送信してください。 If you're running into errors, you can check out the project up to this point.
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、この時点までのコードをこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.md
index 88649ce9d5d..8c3e0df4e20 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.md
@@ -26,7 +26,7 @@ module.exports = function (app, myDataBase) {
Do the same thing in your `auth.js` file with all of the things related to authentication such as the serialization and the setting up of the local strategy and erase them from your server file. サーバーの同じ場所で、依存関係を追加し、`auth(app, myDataBase)` を呼び出してください。
-正しいと思ったら、ページを送信してください。 If you're running into errors, you can check out an example of the completed project.
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、完成形のプロジェクトの例をこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/communicate-by-emitting.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/communicate-by-emitting.md
index 2327c653269..0aebe34c570 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/communicate-by-emitting.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/communicate-by-emitting.md
@@ -38,7 +38,7 @@ socket.on('user count', function(data) {
ここで、アプリを読み込んで認証を実行してみてください。クライアントコンソールに、現在のユーザー数である「1」が表示されるはずです。 より多くのクライアントを読み込んで認証し、数字が増えるのを確認してください。
-正しいと思ったら、ページを送信してください。 If you're running into errors, you can check out the project completed up to this point.
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/create-new-middleware.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/create-new-middleware.md
index 11d1d30d775..db1a01e04db 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/create-new-middleware.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/create-new-middleware.md
@@ -33,7 +33,7 @@ app
});
```
-正しいと思ったら、ページを送信してください。 If you're running into errors, you can check out the project completed up to this point.
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/handle-a-disconnect.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/handle-a-disconnect.md
index 0369a4b9c87..eb1371fe2b8 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/handle-a-disconnect.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/handle-a-disconnect.md
@@ -22,7 +22,7 @@ To make sure clients continuously have the updated count of current users, you s
**注:** `'disconnect'` とまったく同様に、ソケットがサーバーへエミットできる他のすべてのイベントについても、「socket」を定義しているコネクションリスナーの中で処理する必要があります。
-正しいと思ったら、ページを送信してください。 If you're running into errors, you can check out the project completed up to this point.
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/hashing-your-passwords.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/hashing-your-passwords.md
index a3ef5bb43b7..c9aebc34f9a 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/hashing-your-passwords.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/hashing-your-passwords.md
@@ -24,7 +24,7 @@ if (!bcrypt.compareSync(password, user.password)) {
That is all it takes to implement one of the most important security features when you have to store passwords.
-正しいと思ったら、ページを送信してください。 If you're running into errors, you can check out the project completed up to this point.
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.md
index 56dd4331417..71c8087b558 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.md
@@ -12,7 +12,7 @@ Now that you can ensure the user accessing the `/profile` is authenticated, you
Pass an object containing the property `username` and value of `req.user.username` as the second argument for the `render` method of the profile view.
-Then, go to your `profile.pug` view, and add the following line below the existing `h1` element, and at the same level of indentation:
+次に、`profile.pug` ビューに移動し、既存の `h1` 要素の下に同レベルのインデントで次の行を追加してください。
```pug
h2.center#welcome Welcome, #{username}!
@@ -26,7 +26,7 @@ Also, in `profile.pug`, add a link referring to the `/logout` route, which will
a(href='/logout') Logout
```
-Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point.
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.md
index 043d7d8495c..dbfd4a85b7e 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.md
@@ -10,17 +10,17 @@ dashedName: how-to-use-passport-strategies
In the `index.pug` file supplied, there is a login form. It is hidden because of the inline JavaScript `if showLogin` with the form indented after it.
-In the `res.render` for that page, add a new variable to the object, `showLogin: true`. When you refresh your page, you should then see the form! This form is set up to **POST** on `/login`. So, this is where you should set up to accept the POST request and authenticate the user.
+In the `res.render` for that page, add a new variable to the object, `showLogin: true`. ページを更新すると、フォームが表示されます！ This form is set up to **POST** on `/login`. So, this is where you should set up to accept the POST request and authenticate the user.
-For this challenge, you should add the route `/login` to accept a POST request. To authenticate on this route, you need to add a middleware to do so before then sending a response. This is done by just passing another argument with the middleware before with your response. The middleware to use is `passport.authenticate('local')`.
+For this challenge, you should add the route `/login` to accept a POST request. このルートで認証するには、レスポンスを送信する前にそのためのミドルウェアを追加する必要があります。 This is done by just passing another argument with the middleware before with your response. 使用するミドルウェアは `passport.authenticate('local')` です。
`passport.authenticate` can also take some options as an argument such as `{ failureRedirect: '/' }` which is incredibly useful, so be sure to add that in as well. Add a response after using the middleware (which will only be called if the authentication middleware passes) that redirects the user to `/profile`. Add that route, as well, and make it render the view `profile.pug`.
-If the authentication was successful, the user object will be saved in `req.user`.
+認証が成功すると、ユーザーオブジェクトが `req.user` に保存されます。
-At this point, if you enter a username and password in the form, it should redirect to the home page `/`, and the console of your server should display `'User {USERNAME} attempted to log in.'`, since we currently cannot login a user who isn't registered.
+この時点で、ユーザー名とパスワードをフォームへ入力すると、ホームページ `/` にリダイレクトされ、サーバーのコンソールに `'User {USERNAME} attempted to log in.'` と表示されます。これは、今の段階では、登録されていないユーザーはログインできないためです。
-Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point.
+完成したと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.md
index abf555de22d..4b1862dc157 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.md
@@ -40,7 +40,7 @@ myDB(async client => {
`deserializeUser` の `myDataBase` コードを必ずコメント解除してください。そして `done(null, null)` を編集して `doc` を含めてください。
-正しいと思ったら、ページを送信してください。 If you're running into errors, you can check out the project completed up to this point.
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.md
index 4629c437e39..34688226366 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.md
@@ -31,7 +31,7 @@ passport.use(new GitHubStrategy({
認証はまだ成功せず、データベースロジックとコールバックがないためエラーになりますが、コンソールに GitHub プロファイルが出力されるはずです！
-正しいと思ったら、ページを送信してください。 If you're running into errors, you can check out the project completed up to this point.
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.md
index 83e728adf08..be18eff2352 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.md
@@ -20,7 +20,7 @@ OAuth を使用したストラテジーでは、少なくとも*クライアン
Follow these instructions to obtain your *Client ID and Secret* from GitHub. Set the homepage URL to your Replit homepage (**not the project code's URL**), and set the callback URL to the same homepage URL with `/auth/github/callback` appended to the end. Save the client ID and your client secret in your project's `.env` file as `GITHUB_CLIENT_ID` and `GITHUB_CLIENT_SECRET`.
-In your `routes.js` file, add `showSocialAuth: true` to the homepage route, after `showRegistration: true`. Now, create 2 routes accepting GET requests: `/auth/github` and `/auth/github/callback`. The first should only call passport to authenticate `'github'`. The second should call passport to authenticate `'github'` with a failure redirect to `/`, and then if that is successful redirect to `/profile` (similar to your last project).
+`routes.js` ファイルで、`showRegistration: true` の後に、`showSocialAuth: true` をホームページルートに追加します。 そして GET リクエストを受け付けるルートを 2 つ作成します。`/auth/github` と `/auth/github/callback` です。 1 つ目は、Passport を呼び出して `'github'` を認証するだけです。 The second should call passport to authenticate `'github'` with a failure redirect to `/`, and then if that is successful redirect to `/profile` (similar to your last project).
An example of how `/auth/github/callback` should look is similar to how you handled a normal login:
@@ -31,11 +31,11 @@ app.route('/login')
});
```
-Submit your page when you think you've got it right. If you're running into errors, you can check out the project up to this point.
+完成したと思ったら、ページを送信してください。 エラーが発生している場合、この時点までのコードをこちらで確認できます。
# --hints--
-Route `/auth/github` should be correct.
+ルート `/auth/github` が正確である必要があります。
```js
async (getUserInput) => {
@@ -66,7 +66,7 @@ async (getUserInput) => {
}
```
-Route `/auth/github/callback` should be correct.
+ルート `/auth/github/callback` が正確である必要があります。
```js
async (getUserInput) => {
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/logging-a-user-out.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/logging-a-user-out.md
index b53e61b02aa..822828d83dc 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/logging-a-user-out.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/logging-a-user-out.md
@@ -30,7 +30,7 @@ app.use((req, res, next) => {
});
```
-正しいと思ったら、ページを送信してください。 If you're running into errors, you can check out the project completed up to this point.
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/registration-of-new-users.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/registration-of-new-users.md
index 14b5aa4e3bf..c00fe1f513f 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/registration-of-new-users.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/registration-of-new-users.md
@@ -56,7 +56,7 @@ app.route('/register')
);
```
-正しいと思ったら、ページを送信してください。 If you're running into errors, you can check out the project completed up to this point.
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
**注:** これ以降、*ピクチャー・イン・ピクチャー*対応ブラウザーの使用に関連する問題が生じる可能性があります。 エディター内でアプリのプレビューができるオンライン IDE を使用している場合は、新しいタブでこのプレビューを開くことを推奨します。
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.md
index 881e9a7bb71..2b1e4b40a40 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.md
@@ -28,7 +28,7 @@ In `client.js`, you should now listen for event `'chat message'` and, when recei
この時点でチャットが完全に機能し、すべてのクライアントにメッセージが送信されるはずです！
-正しいと思ったら、ページを送信してください。 If you're running into errors, you can check out the project completed up to this point.
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
index c794349470c..1ef2fffceb3 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
@@ -38,7 +38,7 @@ passport.deserializeUser((id, done) => {
});
```
-Add the two functions above to your server. The `ObjectID` class comes from the `mongodb` package. `mongodb@~3.6.0` has already been added as a dependency. Declare this class with:
+Add the two functions above to your server. The `ObjectID` class comes from the `mongodb` package. すでに `mongodb@~3.6.0` が依存関係として追加されています。 Declare this class with:
```javascript
const { ObjectID } = require('mongodb');
@@ -46,11 +46,11 @@ const { ObjectID } = require('mongodb');
The `deserializeUser` will throw an error until you set up the database connection. So, for now, comment out the `myDatabase.findOne` call, and just call `done(null, null)` in the `deserializeUser` callback function.
-Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point.
+完成したと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
-You should serialize user function correctly.
+You should serialize the user object correctly.
```js
async (getUserInput) => {
@@ -70,7 +70,7 @@ async (getUserInput) => {
}
```
-You should deserialize user function correctly.
+You should deserialize the user object correctly.
```js
async (getUserInput) => {
@@ -90,7 +90,7 @@ async (getUserInput) => {
}
```
-MongoDB should be a dependency.
+MongoDB を依存関係にする必要があります。
```js
async (getUserInput) => {
@@ -105,7 +105,7 @@ async (getUserInput) => {
}
```
-Mongodb should be properly required including the ObjectId.
+ObjectId を含めて Mongodb を正しく require する必要があります。
```js
async (getUserInput) => {
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/set-up-a-template-engine.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/set-up-a-template-engine.md
index d5baf51bcde..79488a5a785 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/set-up-a-template-engine.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/set-up-a-template-engine.md
@@ -14,19 +14,19 @@ dashedName: set-up-a-template-engine
- Replit スタータープロジェクトを使用して、チャレンジを完了させる。
- 使い慣れたサイトビルダーを使用してプロジェクトを完了させる。 必ず GitHub リポジトリのすべてのファイルを取り込む。
-If you use Replit, follow these steps to set up the project:
+Replit を使用する場合は、下記の手順でプロジェクトをセットアップしてください。
-- Start by importing the project on Replit.
-- Next, you will see a `.replit` window.
-- Select `Use run command` and click the `Done` button.
+- まず、Replit でプロジェクトをインポートします。
+- すると、`.replit` ファイルのウィンドウが表示されます。
+- `Use run command` を選択して `Done` ボタンをクリックします。
完了したら、プロジェクトの動作デモをどこか公開の場にホストしてください。 そして「回答のリンク」欄に、デモの URL を提出してください。
-A template engine enables you to use static template files (such as those written in *Pug*) in your app. At runtime, the template engine replaces variables in a template file with actual values which can be supplied by your server. Then it transforms the template into a static HTML file that is sent to the client. This approach makes it easier to design an HTML page and allows for displaying variables on the page without needing to make an API call from the client.
+テンプレートエンジンを使用すると、(*Pug* で記述するような) 静的なテンプレートファイルをアプリで使用できます。 実行時にテンプレートエンジンによって、テンプレートファイル内の変数がサーバーから提供される実際の値に置き換えられます。 そして、テンプレートが静的な HTML ファイルに変換され、クライアントへ送信されます。 このアプローチにより、HTML ページの設計が容易になり、クライアントから API 呼び出しを行うことなく、ページに変数を表示することができます。
-`pug@~3.0.0` has already been installed, and is listed as a dependency in your `package.json` file.
+すでに `pug@~3.0.0` がインストールされており、プロジェクトの `package.json` ファイルに依存関係としてリストされています。
-Express needs to know which template engine you are using. Use the `set` method to assign `pug` as the `view engine` property's value:
+どのテンプレートエンジンを使用しているかを Express に知らせる必要があります。 Use the `set` method to assign `pug` as the `view engine` property's value:
```javascript
app.set('view engine', 'pug');
@@ -38,11 +38,11 @@ Finally, use `res.render()` in the route for your home page, passing `index` as
If all went as planned, your app home page will no longer be blank. Instead, it will display a message indicating you've successfully rendered the Pug template!
-Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point.
+完成したと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
-Pug should be a dependency.
+Pug を依存関係にする必要があります。
```js
async (getUserInput) => {
@@ -57,7 +57,7 @@ async (getUserInput) => {
}
```
-View engine should be Pug.
+ビューエンジンを Pug にする必要があります。
```js
async (getUserInput) => {
@@ -79,7 +79,7 @@ async (getUserInput) => {
}
```
-Use the correct ExpressJS method to render the index page from the response.
+正しい ExpressJS メソッドを使用して、レスポンスからインデックスページをレンダーします。
```js
async (getUserInput) => {
@@ -94,7 +94,7 @@ async (getUserInput) => {
}
```
-Pug should be working.
+Pug が正しく動作している必要があります。
```js
async (getUserInput) => {
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/set-up-passport.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/set-up-passport.md
index f07209ff232..48f7cf30038 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/set-up-passport.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/set-up-passport.md
@@ -25,15 +25,15 @@ app.use(session({
}));
```
-Be sure to add `SESSION_SECRET` to your `.env` file, and give it a random value. This is used to compute the hash used to encrypt your cookie!
+Be sure to add `SESSION_SECRET` to your `.env` file, and give it a random value. この値を使用して、Cookie の暗号化に使用されるハッシュを計算します！
After you do all that, tell your express app to **use** `passport.initialize()` and `passport.session()`.
-Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point.
+完成したと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
-Passport and Express-session should be dependencies.
+Passport と express-session を依存関係にする必要があります。
```js
async (getUserInput) => {
@@ -53,7 +53,7 @@ async (getUserInput) => {
}
```
-Dependencies should be correctly required.
+依存関係を正しく require する必要があります。
```js
async (getUserInput) => {
@@ -73,7 +73,7 @@ async (getUserInput) => {
}
```
-Express app should use new dependencies.
+Express アプリで新しい依存関係を使用する必要があります。
```js
async (getUserInput) => {
@@ -85,7 +85,7 @@ async (getUserInput) => {
}
```
-Session and session secret should be correctly set up.
+セッションとセッションシークレットを正しく設定する必要があります。
```js
async (getUserInput) => {
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/set-up-the-environment.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/set-up-the-environment.md
index 7f946444c86..a884a41a607 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/set-up-the-environment.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/set-up-the-environment.md
@@ -19,7 +19,7 @@ const io = require('socket.io')(http);
*http* サーバーを *Express アプリ*にマウントしたので、*http* サーバーからリッスンする必要があります。 `app.listen` の行を `http.listen` に変更します。
-最初の処理として、クライアントからの新しい接続をリッスンします。 on キーワードがその処理を行い、特定のイベントがないかリッスンします。 It requires 2 arguments: a string containing the title of the event that's emitted, and a function with which the data is passed through. In the case of our connection listener, use `socket` to define the data in the second argument. ソケットとは、接続している個々のクライアントのことです。
+最初の処理として、クライアントからの新しい接続をリッスンします。 on キーワードがその処理を行い、特定のイベントがないかリッスンします。 ここでは、エミットされたイベントのタイトルを含む文字列と、データを渡すための関数の、2 つの引数が必要です。 In the case of our connection listener, use `socket` to define the data in the second argument. ソケットとは、接続している個々のクライアントのことです。
サーバーへの接続をリッスンするには、データベース接続の中に次を追加します。
@@ -42,7 +42,7 @@ Now try loading up your app and authenticate and you should see in your server c
**注:** `io()` は、同じ url またはサーバー上でホストされているソケットに接続している場合にのみ動作します。 他の場所でホストされている外部ソケットに接続するには、`io.connect('URL');` を使用します。
-正しいと思ったら、ページを送信してください。 If you're running into errors, you can check out the project completed up to this point.
+正しいと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
diff --git a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.md b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.md
index fe00a50f994..f95c655b063 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.md
@@ -12,7 +12,7 @@ dashedName: use-a-template-engines-powers
Pug ファイルでは変数を使用することができます。それには、変数名を `#{variable_name}` として参照し、要素上の他のテキストとともにインラインで記述します。または、要素に対して `p=variable_name` のように空白を付けずに等号を使用します (この例では変数の値が p 要素のテキストに割り当てられます)。
-Pug is all about using whitespace and tabs to show nested elements and cutting down on the amount of code needed to make a beautiful site.
+Pug は、空白とタブを使用してネストされた要素を表し、少ないコード量で美しいサイトを作成しようとするものです。
Take the following Pug code for example:
@@ -52,11 +52,11 @@ res.render('index', { title: 'Hello', message: 'Please log in' });
Now refresh your page, and you should see those values rendered in your view in the correct spot as laid out in your `index.pug` file!
-Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point.
+完成したと思ったら、ページを送信してください。 エラーが発生している場合、この時点までの完成形のコードをこちらで確認できます。
# --hints--
-Pug should correctly render variables.
+Pug で変数を正しくレンダーする必要があります。
```js
async (getUserInput) => {
diff --git a/curriculum/challenges/japanese/06-quality-assurance/quality-assurance-projects/american-british-translator.md b/curriculum/challenges/japanese/06-quality-assurance/quality-assurance-projects/american-british-translator.md
index 189c63b64db..e93c8e0029b 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/quality-assurance-projects/american-british-translator.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/quality-assurance-projects/american-british-translator.md
@@ -282,7 +282,7 @@ async (getUserInput) => {
};
```
-All 24 unit tests are complete and passing.
+24 件のユニットテストがすべて記述され、成功する状態になっています。
```js
async (getUserInput) => {
@@ -307,7 +307,7 @@ async (getUserInput) => {
};
```
-All 6 functional tests are complete and passing.
+6 件の機能テストがすべて記述され、成功する状態になっています。
```js
async (getUserInput) => {
diff --git a/curriculum/challenges/japanese/06-quality-assurance/quality-assurance-projects/sudoku-solver.md b/curriculum/challenges/japanese/06-quality-assurance/quality-assurance-projects/sudoku-solver.md
index 17bd06457f5..6074c4f44f7 100644
--- a/curriculum/challenges/japanese/06-quality-assurance/quality-assurance-projects/sudoku-solver.md
+++ b/curriculum/challenges/japanese/06-quality-assurance/quality-assurance-projects/sudoku-solver.md
@@ -352,7 +352,7 @@ async (getUserInput) => {
};
```
-All 12 unit tests are complete and passing.
+12 件のユニットテストがすべて記述され、成功する状態になっています。
```js
async (getUserInput) => {
@@ -377,7 +377,7 @@ async (getUserInput) => {
};
```
-All 14 functional tests are complete and passing.
+14 件の機能テストがすべて記述され、成功する状態になっています。
```js
async (getUserInput) => {
diff --git a/curriculum/challenges/japanese/07-scientific-computing-with-python/scientific-computing-with-python-projects/polygon-area-calculator.md b/curriculum/challenges/japanese/07-scientific-computing-with-python/scientific-computing-with-python-projects/polygon-area-calculator.md
index 25a01824eb2..7e839771639 100644
--- a/curriculum/challenges/japanese/07-scientific-computing-with-python/scientific-computing-with-python-projects/polygon-area-calculator.md
+++ b/curriculum/challenges/japanese/07-scientific-computing-with-python/scientific-computing-with-python-projects/polygon-area-calculator.md
@@ -21,23 +21,23 @@ dashedName: polygon-area-calculator
## Rectangle クラス
-When a Rectangle object is created, it should be initialized with `width` and `height` attributes. The class should also contain the following methods:
+Rectangle オブジェクトを作成する際、`width` 属性と `height` 属性を与えて初期化できるようにします。 このクラスには次のメソッドも含める必要があります。
- `set_width`
- `set_height`
-- `get_area`: Returns area (`width * height`)
-- `get_perimeter`: Returns perimeter (`2 * width + 2 * height`)
-- `get_diagonal`: Returns diagonal (`(width ** 2 + height ** 2) ** .5`)
-- `get_picture`: Returns a string that represents the shape using lines of "\*". The number of lines should be equal to the height and the number of "\*" in each line should be equal to the width. There should be a new line (`\n`) at the end of each line. If the width or height is larger than 50, this should return the string: "Too big for picture.".
-- `get_amount_inside`: Takes another shape (square or rectangle) as an argument. Returns the number of times the passed in shape could fit inside the shape (with no rotations). For instance, a rectangle with a width of 4 and a height of 8 could fit in two squares with sides of 4.
+- `get_area`: 面積を返します (`width * height`)
+- `get_perimeter`: 外周を返します (`2 * width + 2 * height`)
+- `get_diagonal`: 対角線を返します(`(width ** 2 + height ** 2) ** .5`)
+- `get_picture`: "\*" の行を使用して図形を表す文字列を返します。 行数は高さと等しく、各行の"\*"の数は幅と等しくする必要があります。 各行の末尾に改行 (`\n`) が必要です。 幅または高さが 50 より大きい場合は、文字列 "Too big for picture." を返す必要があります。
+- `get_amount_inside`: 引数として別の図形 (正方形または長方形) を受け取ります。 渡された図形が、その図形の中に何個収まるかを返します (回転はしません)。 たとえば、幅が 4 で高さが 8 の長方形には、一辺が 4 の正方形が 2つ収まります。
-Additionally, if an instance of a Rectangle is represented as a string, it should look like: `Rectangle(width=5, height=10)`
+また、Rectangle のインスタンスを文字列で表現すると `Rectangle(width=5, height=10)` のようになります。
## Square クラス
Square クラスは Rectangle のサブクラスである必要があります。 Square オブジェクトが生成されるときは、一辺の長さを渡します。 `__init__` メソッドでは、一辺の長さを Rectangle クラスの `width` 属性と `height` 属性の両方に格納する必要があります。
-Square クラスは、Rectangle クラスのメソッドにアクセスできる必要があり、加えて `set_side` メソッドも含める必要があります。 If an instance of a Square is represented as a string, it should look like: `Square(side=9)`
+Square クラスは、Rectangle クラスのメソッドにアクセスできる必要があり、加えて `set_side` メソッドも含める必要があります。 Square のインスタンスを文字列で表現すると `Square(side=9)` のようになります。
また、Square クラスの `set_width` と `set_height` メソッドでは、幅と高さの両方を設定する必要があります。
@@ -88,11 +88,11 @@ Square(side=4)
## 開発
-`shape_calculator.py` でコードを記述してください。 開発には `main.py` を使用して `shape_calculator()` 関数をテストすることができます。 Click the "run" button and `main.py` will run.
+`shape_calculator.py` でコードを記述してください。 開発には `main.py` を使用して `shape_calculator()` 関数をテストすることができます。 「Run」ボタンをクリックすると `main.py` が実行されます。
## テスト
-We imported the tests from `test_module.py` to `main.py` for your convenience. The tests will run automatically whenever you hit the "run" button.
+すでに `test_module.py` から `main.py` にテストをインポートしてあります。 「Run」ボタンを押すと自動的にテストが実行されます。
## 提出
diff --git a/curriculum/challenges/japanese/07-scientific-computing-with-python/scientific-computing-with-python-projects/probability-calculator.md b/curriculum/challenges/japanese/07-scientific-computing-with-python/scientific-computing-with-python-projects/probability-calculator.md
index aa4874bedcb..f2faacb57b8 100644
--- a/curriculum/challenges/japanese/07-scientific-computing-with-python/scientific-computing-with-python-projects/probability-calculator.md
+++ b/curriculum/challenges/japanese/07-scientific-computing-with-python/scientific-computing-with-python-projects/probability-calculator.md
@@ -17,11 +17,11 @@ dashedName: probability-calculator
# --instructions--
-Suppose there is a hat containing 5 blue balls, 4 red balls, and 2 green balls. What is the probability that a random draw of 4 balls will contain at least 1 red ball and 2 green balls? While it would be possible to calculate the probability using advanced mathematics, an easier way is to write a program to perform a large number of experiments to estimate an approximate probability.
+帽子があり、その中に青いボールが 5 個、赤いボールが 4 個、緑のボールが 2 個入っているとします。 4 個のボールを無作為に取り出す場合、赤のボールが 1 個以上、緑のボールが 2 個含まれる確率は、いくらになりますか？ 高度な数学を駆使して確率を計算することも可能ですが、試行を多数繰り返しておおよその確率を推定するプログラムを記述する方が簡単です。
-For this project, you will write a program to determine the approximate probability of drawing certain balls randomly from a hat.
+このプロジェクトでは、特定のボールを帽子から無作為に取り出す場合のおおよその確率を測定するプログラムを記述します。
-First, create a `Hat` class in `prob_calculator.py`. The class should take a variable number of arguments that specify the number of balls of each color that are in the hat. For example, a class object could be created in any of these ways:
+まず、`prob_calculator.py` で `Hat` クラスを作成してください。 このクラスは、帽子に入っている各色のボールの数を指定する可変個の引数を受け取る必要があります。 たとえば、次のどの方法でもクラスオブジェクトを作成することができます。
```py
hat1 = Hat(yellow=3, blue=2, green=6)
@@ -29,20 +29,20 @@ hat2 = Hat(red=5, orange=4)
hat3 = Hat(red=5, orange=4, black=1, blue=0, pink=2, striped=9)
```
-A hat will always be created with at least one ball. The arguments passed into the hat object upon creation should be converted to a `contents` instance variable. `contents` should be a list of strings containing one item for each ball in the hat. Each item in the list should be a color name representing a single ball of that color. For example, if your hat is `{"red": 2, "blue": 1}`, `contents` should be `["red", "red", "blue"]`.
+帽子は常に、少なくとも 1 個のボールが入った状態で作成されます。 帽子オブジェクトの作成時に渡された引数を、`contents` インスタンス変数に変換する必要があります。 `contents` は、帽子に入っているボールごとに要素を 1 つずつ含む文字列のリストである必要があります。 リスト内の各要素は色の名前であり、その色のボール 1 個を表します。 たとえば、帽子が `{"red": 2, "blue": 1}` で表される場合、`contents` は `["red", "red", "blue"]` となる必要があります。
-The `Hat` class should have a `draw` method that accepts an argument indicating the number of balls to draw from the hat. This method should remove balls at random from `contents` and return those balls as a list of strings. The balls should not go back into the hat during the draw, similar to an urn experiment without replacement. If the number of balls to draw exceeds the available quantity, return all the balls.
+`Hat` クラスには `draw` メソッドが必要です。このメソッドは、帽子から取り出すボールの個数を示す引数を受け取ります。 draw メソッドは、`contents` からボールを無作為に取り除き、それらのボールを文字列のリストとして返します。 元に戻さないタイプの「壺問題」と同様に、取り出したボールは帽子に戻さないものとします。 取り出すボールの数が取り出せる数を超える場合は、すべてのボールを返してください。
次に、(`Hat` クラスの中ではなく) `prob_calculator.py` で `experiment` 関数を作成してください。 この関数は次の引数を受け取る必要があります。
-- `hat`: A hat object containing balls that should be copied inside the function.
-- `expected_balls`: An object indicating the exact group of balls to attempt to draw from the hat for the experiment. For example, to determine the probability of drawing 2 blue balls and 1 red ball from the hat, set `expected_balls` to `{"blue":2, "red":1}`.
-- `num_balls_drawn`: The number of balls to draw out of the hat in each experiment.
-- `num_experiments`: The number of experiments to perform. (The more experiments performed, the more accurate the approximate probability will be.)
+- `hat`: 関数内でコピーする必要のあるボールを含む帽子オブジェクト。
+- `expected_balls`: 試行で帽子から取り出そうとするボールの正確なグループを示すオブジェクト。 たとえば、青のボール 2 個と赤のボール 1 個を帽子から取り出す確率を調べるには、`expected_balls` を `{"blue":2, "red":1}` に設定します。
+- `num_balls_drawn`: 各試行で帽子から取り出すボールの数。
+- `num_experiments`: 実行する試行の回数 (試行の回数が多いほど、おおよその確率の正確性が高まります)。
`experiment` 関数は、確率を返す必要があります。
-For example, if you want to determine the probability of getting at least two red balls and one green ball when you draw five balls from a hat containing six black, four red, and three green. To do this, you will perform `N` experiments, count how many times `M` you get at least two red balls and one green ball, and estimate the probability as `M/N`. Each experiment consists of starting with a hat containing the specified balls, drawing several balls, and checking if you got the balls you were attempting to draw.
+たとえば、黒を 6 個、赤を 4 個、緑を 3 個含む帽子から 5 個のボールを取り出す場合に、赤のボールが少なくとも 2 個、緑のボールが少なくとも 1 個含まれる確率を求めたいとしましょう。 それには、試行を `N` 回行い、赤のボールが少なくとも 2 個、緑のボールが少なくとも 1 個になった回数 `M` を数え、確率を `M/N` として推定します。 各回の試行ではそれぞれ、指定されたボールの入った帽子の状態から始め、いくつかのボールを取り出し、期待されるボールを取り出したかどうかを確認します。
上記の例で 2000 回の実験を行う場合は、`experiment` 関数を次のように呼び出します。
@@ -60,13 +60,13 @@ probability = experiment(hat=hat,
## 開発
-`prob_calculator.py` でコードを記述してください。 開発には `main.py` を使用してコードをテストすることができます。 Click the "run" button and `main.py` will run.
+`prob_calculator.py` でコードを記述してください。 開発には `main.py` を使用してコードをテストすることができます。 「Run」ボタンをクリックすると `main.py` が実行されます。
ボイラープレートには `copy` モジュールと `random` モジュール用の `import` ステートメントが含まれています。 これらをプロジェクトで使用することを検討してください。
## テスト
-このプロジェクトの単体テストは `test_module.py` にあります。 We imported the tests from `test_module.py` to `main.py` for your convenience. The tests will run automatically whenever you hit the "run" button.
+このプロジェクトの単体テストは `test_module.py` にあります。 すでに `test_module.py` から `main.py` にテストをインポートしてあります。 「Run」ボタンを押すと自動的にテストが実行されます。
## 提出
diff --git a/curriculum/challenges/japanese/07-scientific-computing-with-python/scientific-computing-with-python-projects/time-calculator.md b/curriculum/challenges/japanese/07-scientific-computing-with-python/scientific-computing-with-python-projects/time-calculator.md
index eb54df409ad..b9071818dda 100644
--- a/curriculum/challenges/japanese/07-scientific-computing-with-python/scientific-computing-with-python-projects/time-calculator.md
+++ b/curriculum/challenges/japanese/07-scientific-computing-with-python/scientific-computing-with-python-projects/time-calculator.md
@@ -16,19 +16,19 @@ dashedName: time-calculator
# --instructions--
-Write a function named `add_time` that takes in two required parameters and one optional parameter:
+次の 2 つの必須パラメーターと 1 つのオプションパラメーターを受け取る関数 `add_time` を記述してください。
-- a start time in the 12-hour clock format (ending in AM or PM)
-- a duration time that indicates the number of hours and minutes
-- (optional) a starting day of the week, case insensitive
+- 12 時間制形式の開始時刻 (末尾に AM または PM)
+- 時数と分数で示される経過時間
+- (オプション) 開始の曜日 (大文字小文字は区別しない)
-The function should add the duration time to the start time and return the result.
+関数は、開始時刻に経過時間を足して、その結果を返すようにしてください。
-If the result will be the next day, it should show `(next day)` after the time. If the result will be more than one day later, it should show `(n days later)` after the time, where "n" is the number of days later.
+結果が翌日になる場合は、時刻の後に `(next day)` を表示してください。 結果が翌日よりさらに後になる場合は、時刻の後に `(n days later)` を表示してください。この "n" は何日後かを示す数です。
-If the function is given the optional starting day of the week parameter, then the output should display the day of the week of the result. The day of the week in the output should appear after the time and before the number of days later.
+関数にオプションの開始曜日パラメーターが与えられた場合は、結果の曜日を出力に表示してください。 出力の曜日は、時刻の後、「n 日後」の前に表示する必要があります。
-Below are some examples of different cases the function should handle. Pay close attention to the spacing and punctuation of the results.
+関数が扱うさまざまなケースの例を以下に示します。 結果のスペースと句読点の表示に特に注意してください。
```py
add_time("3:00 PM", "3:10")
@@ -50,23 +50,23 @@ add_time("6:30 PM", "205:12")
# Returns: 7:42 AM (9 days later)
```
-Do not import any Python libraries. Assume that the start times are valid times. The minutes in the duration time will be a whole number less than 60, but the hour can be any whole number.
+Python ライブラリはインポートしないでください。 開始時刻は有効な時刻であると仮定して構いません。 経過時間の分数は 60 未満の整数になりますが、時数は任意の整数になります。
## 開発
-Write your code in `time_calculator.py`. For development, you can use `main.py` to test your `time_calculator()` function. Click the "run" button and `main.py` will run.
+`time_calculator.py` にコードを記述してください。 開発時に `main.py` を使用して `time_calculator()` 関数をテストできます。 「Run」ボタンをクリックすると `main.py` が実行されます。
## テスト
-The unit tests for this project are in `test_module.py`. We imported the tests from `test_module.py` to `main.py` for your convenience. The tests will run automatically whenever you hit the "run" button.
+このプロジェクトの単体テストは `test_module.py` にあります。 すでに `test_module.py` から `main.py` にテストをインポートしてあります。 「Run」ボタンを押すと自動的にテストが実行されます。
## 提出
-Copy your project's URL and submit it to freeCodeCamp.
+プロジェクトの URL をコピーし、freeCodeCamp に提出してください。
# --hints--
-It should correctly add times and pass all tests.
+正確に開始時刻と経過時間を足して、すべてのテストを成功させる必要があります。
```js
diff --git a/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-course/introduction-to-data-analysis.md b/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-course/introduction-to-data-analysis.md
index 5a7fcd7fab3..ca18413bead 100644
--- a/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-course/introduction-to-data-analysis.md
+++ b/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-course/introduction-to-data-analysis.md
@@ -11,33 +11,33 @@ dashedName: introduction-to-data-analysis
---
# --description--
-Data analysis is the act of turning raw, messy data into useful insights by cleaning the data up, transforming it, manipulating it, and inspecting it.
+データ分析とは、加工されていない乱雑なデータを、整理したり、変換したり、操作したり、検査したりして、その本質が見える有益な情報に変える活動のことです。
-More resources:
+その他のリソース:
-\- News article
+\- ニュース記事
# --question--
## --text--
-Which of the following is **not** part of Data Analysis?
+次のうち、データ分析の一部**ではない**ことはどれですか？
## --answers--
-Building statistical models and data visualizations.
+統計モデルの構築とデータ可視化。
---
-Picking a desired conclusion for the analysis.
+分析のために望ましい結論を選ぶこと。
---
-Fixing incorrect values and removing invalid data.
+不正な値を修正し、無効なデータを削除すること。
---
-Transforming data into an appropriate data structure.
+データを適切なデータ構造に変換すること。
## --video-solution--
diff --git a/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/demographic-data-analyzer.md b/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/demographic-data-analyzer.md
index 4cd4d8458a4..85afd90bcb3 100644
--- a/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/demographic-data-analyzer.md
+++ b/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/demographic-data-analyzer.md
@@ -17,9 +17,9 @@ dashedName: demographic-data-analyzer
Python カリキュラムの対話式教育コンテンツを引き続き開発中です。 現在、下記の freeCodeCamp.org YouTube チャンネルで、このプロジェクトの完了に必要なすべての知識について説明する動画をいくつか公開しています。
-- Python for Everybody Video Course (14 hours)
+- 「みんなの Python」動画コース (14 時間)
-- How to Analyze Data with Python Pandas (10 hours)
+- Python Pandas でデータを分析する方法 (10 時間)
# --instructions--
@@ -37,15 +37,15 @@ Python カリキュラムの対話式教育コンテンツを引き続き開発
Pandas を使用して次の問いに答える必要があります。
-- How many people of each race are represented in this dataset? This should be a Pandas series with race names as the index labels. (`race` column)
-- What is the average age of men?
-- What is the percentage of people who have a Bachelor's degree?
-- What percentage of people with advanced education (`Bachelors`, `Masters`, or `Doctorate`) make more than 50K?
-- What percentage of people without advanced education make more than 50K?
-- What is the minimum number of hours a person works per week?
-- What percentage of the people who work the minimum number of hours per week have a salary of more than 50K?
-- What country has the highest percentage of people that earn >50K and what is that percentage?
-- Identify the most popular occupation for those who earn >50K in India.
+- このデータセットで表現される各人種の人数は何人ですか？ これは、人種名 (`race` 列) をインデックスラベルに持つ Pandas のシリーズとして表現する必要があります。
+- 男性の平均年齢は何歳ですか？
+- 学士号を取得した人の割合は何パーセントですか？
+- 高等教育 (`Bachelors` (学士)、`Masters` (修士)、または `Doctorate` (博士)) を受けた人のうち給料が 50K を超えているのは何パーセントですか？
+- 高等教育を受けていない人のうち給料が 50K を超えているのは何パーセントですか？
+- 週間労働時間の最小値は何時間ですか？
+- 最小の週間労働時間だけ働いている人のうち給料が 50K を超えているのは何パーセントですか？
+- >50K (50K を超える額) を稼いでいる人の割合が最も高い国はどこですか？その割合は何パーセントですか？
+- インドで >50K を稼いでいる人に最も人気のある職業を特定してください。
ファイル `demographic_data_analyzer` のスターターコードを使用してください。 "None" に設定されているすべての変数が適切な計算またはコードに設定されるように、コードを更新してください。 小数はすべて最も近い小数点以下 1 桁に丸めてください。
diff --git a/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/mean-variance-standard-deviation-calculator.md b/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/mean-variance-standard-deviation-calculator.md
index 0ba5af421fd..d244b1ee625 100644
--- a/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/mean-variance-standard-deviation-calculator.md
+++ b/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/mean-variance-standard-deviation-calculator.md
@@ -17,9 +17,9 @@ dashedName: mean-variance-standard-deviation-calculator
Python カリキュラムの対話式教育コンテンツを引き続き開発中です。 現在、下記の freeCodeCamp.org YouTube チャンネルで、このプロジェクトの完了に必要なすべての知識について説明する動画をいくつか公開しています。
-- Python for Everybody Video Course(14 hours)
+- 「みんなの Python」動画コース (14 時間)
-- How to Analyze Data with Python Pandas (10 hours)
+- Python Pandas でデータを分析する方法 (10 時間)
# --instructions--
diff --git a/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/medical-data-visualizer.md b/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/medical-data-visualizer.md
index 04a8f70354f..52c6c03dd3e 100644
--- a/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/medical-data-visualizer.md
+++ b/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/medical-data-visualizer.md
@@ -17,9 +17,9 @@ dashedName: medical-data-visualizer
Python カリキュラムの対話式教育コンテンツを引き続き開発中です。 現在、下記の freeCodeCamp.org YouTube チャンネルで、このプロジェクトの完了に必要なすべての知識について説明する動画をいくつか公開しています。
-- Python for Everybody Video Course(14 hours)
+- 「みんなの Python」動画コース (14 時間)
-- How to Analyze Data with Python Pandas (10 hours)
+- Python Pandas でデータを分析する方法 (10 時間)
# --instructions--
@@ -52,16 +52,16 @@ Python カリキュラムの対話式教育コンテンツを引き続き開発
`medical_data_visualizer.py` で、データを使用して次のタスクを完了してください。
-- Add an `overweight` column to the data. To determine if a person is overweight, first calculate their BMI by dividing their weight in kilograms by the square of their height in meters. If that value is > 25 then the person is overweight. Use the value 0 for NOT overweight and the value 1 for overweight.
-- Normalize the data by making 0 always good and 1 always bad. If the value of `cholesterol` or `gluc` is 1, make the value 0. If the value is more than 1, make the value 1.
-- Convert the data into long format and create a chart that shows the value counts of the categorical features using seaborn's `catplot()`. The dataset should be split by 'Cardio' so there is one chart for each `cardio` value. The chart should look like `examples/Figure_1.png`.
-- Clean the data. Filter out the following patient segments that represent incorrect data:
- - diastolic pressure is higher than systolic (Keep the correct data with `(df['ap_lo'] <= df['ap_hi'])`)
- - height is less than the 2.5th percentile (Keep the correct data with `(df['height'] >= df['height'].quantile(0.025))`)
- - height is more than the 97.5th percentile
- - weight is less than the 2.5th percentile
- - weight is more than the 97.5th percentile
-- Create a correlation matrix using the dataset. Plot the correlation matrix using seaborn's `heatmap()`. Mask the upper triangle. The chart should look like `examples/Figure_2.png`.
+- データに `overweight` 列を追加します。 overweight (太りすぎ) かどうかを判断するには、まず、体重 (キログラム単位) を身長 (メートル単位) の 2 乗で割って BMI (ボディマス指数) を計算します。 その値が 25 より大きい場合、その人は太りすぎです。 太りすぎではない場合は値 0 を使用し、太りすぎの場合は値 1 を使用します。
+- 0 を常に良とし、1 を常に悪としてデータを正規化します。 `cholesterol` または `gluc` の値が 1 の場合は、この値を 0 にします。 値が 1 より大きい場合は、値を 1 とします。
+- Convert the data into long format and create a chart that shows the value counts of the categorical features using seaborn's `catplot()`. データセットは 'Cardio' 別に分割し、`cardio` の値ごとに 1 つずつグラフを作成します。 `examples/Figure_1.png` のようなグラフを表示する必要があります。
+- データをクリーニングします。 正しくないデータを表す次の患者セグメントを除外します。
+ - 最低血圧が最高血圧よりも高い (`(df['ap_lo'] <= df['ap_hi'])`) で正しいデータを保持できます)
+ - 身長が 2.5 パーセンタイルを下回る (`(df['height'] >= df['height'].quantile(0.025))` で正しいデータを保持できます)
+ - 身長が 97.5 パーセンタイルを上回る
+ - 体重が 2.5 パーセンタイルを下回る
+ - 体重が 97.5 パーセンタイルを上回る
+- データセットを使用して相関行列を作成します。 seabornの `heatmap()` を使用して相関行列をプロットします。 上側の三角形をマスク処理します。 `examples/Figure_2.png` のようなグラフを表示する必要があります。
変数が `None`に設定された場合は、必ず正しいコードに設定してください。
diff --git a/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/page-view-time-series-visualizer.md b/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/page-view-time-series-visualizer.md
index cacc26897a8..eb5a5276456 100644
--- a/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/page-view-time-series-visualizer.md
+++ b/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/page-view-time-series-visualizer.md
@@ -17,9 +17,9 @@ dashedName: page-view-time-series-visualizer
Python カリキュラムの対話式教育コンテンツを引き続き開発中です。 現在、下記の freeCodeCamp.org YouTube チャンネルで、このプロジェクトの完了に必要なすべての知識について説明する動画をいくつか公開しています。
-- Python for Everybody Video Course(14 hours)
+- 「みんなの Python」動画コース (14 時間)
-- How to Analyze Data with Python Pandas (10 hours)
+- Python Pandas でデータを分析する方法 (10 時間)
# --instructions--
@@ -27,11 +27,11 @@ Python カリキュラムの対話式教育コンテンツを引き続き開発
データを使用して、次のタスクを完了してください。
-- Use Pandas to import the data from "fcc-forum-pageviews.csv". Set the index to the `date` column.
-- Clean the data by filtering out days when the page views were in the top 2.5% of the dataset or bottom 2.5% of the dataset.
-- Create a `draw_line_plot` function that uses Matplotlib to draw a line chart similar to "examples/Figure_1.png". The title should be `Daily freeCodeCamp Forum Page Views 5/2016-12/2019`. The label on the x axis should be `Date` and the label on the y axis should be `Page Views`.
-- Create a `draw_bar_plot` function that draws a bar chart similar to "examples/Figure_2.png". It should show average daily page views for each month grouped by year. The legend should show month labels and have a title of `Months`. On the chart, the label on the x axis should be `Years` and the label on the y axis should be `Average Page Views`.
-- Create a `draw_box_plot` function that uses Seaborn to draw two adjacent box plots similar to "examples/Figure_3.png". These box plots should show how the values are distributed within a given year or month and how it compares over time. The title of the first chart should be `Year-wise Box Plot (Trend)` and the title of the second chart should be `Month-wise Box Plot (Seasonality)`. Make sure the month labels on bottom start at `Jan` and the x and y axis are labeled correctly. The boilerplate includes commands to prepare the data.
+- Pandas を使用して "fcc-forum-pageviews.csv" からデータをインポートします。 インデックスとして `date` 列を設定します。
+- データをクリーニングするため、ページビュー数がデータセットの上位 2.5% または下位 2.5% となった日を除外します。
+- `draw_line_plot` 関数を作成します。この関数は、Matplotlib を使用して "examples/Figure_1.png" に示すような折れ線グラフを描きます。 タイトルは `Daily freeCodeCamp Forum Page Views 5/2016-12/2019` とします。 x 軸のラベルを `Date`、y 軸のラベルを `Page Views` とします。
+- `draw_bar_plot` 関数を作成します。この関数は "examples/Figure_2.png" に示すような棒グラフを描きます。 月ごとの 1 日の平均ページビュー数を、年ごとにグループ化して表示します。 凡例には月のラベルを表示し、タイトルを `Months` とします。 グラフの x 軸のラベルを `Years`、y 軸のラベルを `Average Page Views` とします。
+- `draw_box_plot` 関数を作成します。この関数は、Seaborn を使用して "examples/Figure_3.png" に示すような 2 つの隣接するボックスプロットを描きます。 これらのボックスプロットでは、特定の年または月の中で値がどのように分布しているかを示し、経時的に比較できるようにする必要があります。 最初のグラフのタイトルを `Year-wise Box Plot (Trend)`、2 つ目のグラフのタイトルを `Month-wise Box Plot (Seasonality)` とします。 一番下の月ラベルの始まりを `Jan` とし、x および x 軸のラベルを正しく設定する必要があります。 ボイラープレートには、データを準備するコマンドが含まれています。
グラフごとに、必ずデータフレームのコピーを使用してください。 `test_module.py` の下に単体テストが記述してあります。
diff --git a/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/sea-level-predictor.md b/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/sea-level-predictor.md
index a6a0125c9e8..61324a0c4de 100644
--- a/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/sea-level-predictor.md
+++ b/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/sea-level-predictor.md
@@ -17,9 +17,9 @@ dashedName: sea-level-predictor
Python カリキュラムの対話式教育コンテンツを引き続き開発中です。 現在、下記の freeCodeCamp.org YouTube チャンネルで、このプロジェクトの完了に必要なすべての知識について説明する動画をいくつか公開しています。
-- Python for Everybody Video Course(14 hours)
+- 「みんなの Python」動画コース (14 時間)
-- How to Analyze Data with Python Pandas (10 hours)
+- Python Pandas でデータを分析する方法 (10 時間)
# --instructions--
@@ -27,11 +27,11 @@ Python カリキュラムの対話式教育コンテンツを引き続き開発
データを使用して、次のタスクを完了してください。
-- Use Pandas to import the data from `epa-sea-level.csv`.
-- Use matplotlib to create a scatter plot using the `Year` column as the x-axis and the `CSIRO Adjusted Sea Level` column as the y-axis.
-- Use the `linregress` function from `scipy.stats` to get the slope and y-intercept of the line of best fit. Plot the line of best fit over the top of the scatter plot. Make the line go through the year 2050 to predict the sea level rise in 2050.
-- Plot a new line of best fit just using the data from year 2000 through the most recent year in the dataset. Make the line also go through the year 2050 to predict the sea level rise in 2050 if the rate of rise continues as it has since the year 2000.
-- The x label should be `Year`, the y label should be `Sea Level (inches)`, and the title should be `Rise in Sea Level`.
+- Pandas を使用して `epa-sea-level.csv` からデータをインポートします。
+- matplotlib を使用し、x 軸として `Year` 列、y 軸として `CSIRO Adjusted Sea Level` 列を使用する散布図を作成します。
+- `scipy.stats` の `linregress` 関数を使用して、最も良く当てはまる線の傾きと y 切片を得ます。 散布図の上に最良の当てはめ線 (回帰直線) を描きます。 線を 2050 年まで伸ばし、2050 年の海面上昇を予測します。
+- データセットにある 2000 年から最新年までのデータを使用し、新しい最良の当てはめ線をプロットします。 線を 2050 年まで伸ばし、2000 年以降の上昇率が続くと仮定した場合の 2050 年の海面上昇を予測します。
+- x のラベルを `Year`、y のラベルを `Sea Level (inches)` とし、タイトルを `Rise in Sea Level` とします。
`test_module.py` の下に単体テストが記述してあります。
@@ -51,7 +51,7 @@ Python カリキュラムの対話式教育コンテンツを引き続き開発
## データのソース
-Global Average Absolute Sea Level Change, 1880-2014 from the US Environmental Protection Agency using data from CSIRO, 2015; NOAA, 2015.
+世界的な海面絶対高の変化、1880～2014年、アメリカ合衆国環境保護庁提供。CSIRO (2015 年)、NOAA (2015 年) のデータを使用。
# --hints--
diff --git a/curriculum/challenges/japanese/09-information-security/information-security-projects/anonymous-message-board.md b/curriculum/challenges/japanese/09-information-security/information-security-projects/anonymous-message-board.md
index cb2f16b50bb..782846c1563 100644
--- a/curriculum/challenges/japanese/09-information-security/information-security-projects/anonymous-message-board.md
+++ b/curriculum/challenges/japanese/09-information-security/information-security-projects/anonymous-message-board.md
@@ -30,22 +30,22 @@ Replit を使用する場合は、下記の手順でプロジェクトをセッ
2. `routes/api.js` でコントローラー/ハンドラーを作成し、ルーティングを処理することを推奨します。
3. `server.js` にセキュリティ機能を追加します。
-Write the following tests in `tests/2_functional-tests.js`:
+次のテストを `tests/2_functional-tests.js` に記述してください。
-- Creating a new thread: POST request to `/api/threads/{board}`
-- Viewing the 10 most recent threads with 3 replies each: GET request to `/api/threads/{board}`
-- Deleting a thread with the incorrect password: DELETE request to `/api/threads/{board}` with an invalid `delete_password`
-- Deleting a thread with the correct password: DELETE request to `/api/threads/{board}` with a valid `delete_password`
-- Reporting a thread: PUT request to `/api/threads/{board}`
-- Creating a new reply: POST request to `/api/replies/{board}`
-- Viewing a single thread with all replies: GET request to `/api/replies/{board}`
-- Deleting a reply with the incorrect password: DELETE request to `/api/replies/{board}` with an invalid `delete_password`
-- Deleting a reply with the correct password: DELETE request to `/api/replies/{board}` with a valid `delete_password`
-- Reporting a reply: PUT request to `/api/replies/{board}`
+- 新しいスレッドを作成する: `/api/threads/{board}` への POST リクエスト
+- 最新のスレッドを 10 個、返信を 3 つずつ持った状態で表示する: `/api/threads/{board}` への GET リクエスト
+- 間違ったパスワードでスレッドを削除する: 無効な `delete_password` による `/api/threads/{board}` への DELETE リクエスト
+- 正しいパスワードでスレッドを削除する: 有効な `delete_password` による `/api/threads/{board}` への DELETE リクエスト
+- スレッドを報告する: `/api/threads/{board}` への PUT リクエスト
+- 新しい返信を作成する: `/api/replies/{board}` への POST リクエスト
+- 1 つのスレッドをすべての返信を持つ状態で表示する: `/api/replies/{board}` への GET リクエスト
+- 間違ったパスワードで返信を削除する: 無効な `delete_password` による `/api/replies/{board}` への DELETE リクエスト
+- 正しいパスワードで返信を削除する: 有効な `delete_password` による `/api/replies/{board}` への DELETE リクエスト
+- 返信を報告する: `/api/replies/{board}` への PUT リクエスト
# --hints--
-You can provide your own project, not the example URL.
+サンプルの URL ではなく、自分で作成したプロジェクトを提出してください。
```js
(getUserInput) => {
@@ -57,7 +57,7 @@ You can provide your own project, not the example URL.
};
```
-Only allow your site to be loaded in an iFrame on your own pages.
+自分のページの iFrame には自分のサイトだけを読み込めるようにします。
```js
async (getUserInput) => {
@@ -67,7 +67,7 @@ async (getUserInput) => {
};
```
-Do not allow DNS prefetching.
+DNS プリフェッチを許可しないでください。
```js
async (getUserInput) => {
@@ -77,7 +77,7 @@ async (getUserInput) => {
};
```
-Only allow your site to send the referrer for your own pages.
+自分のサイトだけが、自分のページに対するリファラーを送信できるようにします。
```js
async (getUserInput) => {
@@ -87,7 +87,7 @@ async (getUserInput) => {
};
```
-You can send a POST request to `/api/threads/{board}` with form data including `text` and `delete_password`. The saved database record will have at least the fields `_id`, `text`, `created_on`(date & time), `bumped_on`(date & time, starts same as `created_on`), `reported` (boolean), `delete_password`, & `replies` (array).
+`text` と `delete_password` を含むフォームデータを使用して、`/api/threads/{board}` への POST リクエストを送信できます。 The saved database record will have at least the fields `_id`, `text`, `created_on`(date & time), `bumped_on`(date & time, starts same as `created_on`), `reported` (boolean), `delete_password`, & `replies` (array).
```js
async (getUserInput) => {
diff --git a/curriculum/challenges/japanese/10-coding-interview-prep/algorithms/find-the-symmetric-difference.md b/curriculum/challenges/japanese/10-coding-interview-prep/algorithms/find-the-symmetric-difference.md
index c0056f9c6f3..8e9318988af 100644
--- a/curriculum/challenges/japanese/10-coding-interview-prep/algorithms/find-the-symmetric-difference.md
+++ b/curriculum/challenges/japanese/10-coding-interview-prep/algorithms/find-the-symmetric-difference.md
@@ -54,7 +54,7 @@ assert.sameMembers(sym([1, 2, 3], [5, 2, 1, 4, 5]), [3, 4, 5]);
assert.equal(sym([1, 2, 3], [5, 2, 1, 4, 5]).length, 3);
```
-`sym([1, 2, 5], [2, 3, 5], [3, 4, 5])` should return `[1, 4, 5]`.
+`sym([1, 2, 5], [2, 3, 5], [3, 4, 5])` は `[1, 4, 5]` を返す必要があります。
```js
assert.sameMembers(sym([1, 2, 5], [2, 3, 5], [3, 4, 5]), [1, 4, 5]);
diff --git a/curriculum/challenges/japanese/10-coding-interview-prep/algorithms/implement-binary-search.md b/curriculum/challenges/japanese/10-coding-interview-prep/algorithms/implement-binary-search.md
index 1b980c9020c..37172801428 100644
--- a/curriculum/challenges/japanese/10-coding-interview-prep/algorithms/implement-binary-search.md
+++ b/curriculum/challenges/japanese/10-coding-interview-prep/algorithms/implement-binary-search.md
@@ -81,7 +81,7 @@ assert.deepEqual(binarySearch(_testArray, 11), [13, 5, 10, 11])
assert.deepEqual(binarySearch(_testArray, 13), [13]);
```
-`binarySearch(testArray, 70)` should return `[13, 19, 22, 49, 70]`.
+`binarySearch(testArray, 70)` は `[13, 19, 22, 49, 70]` を返す必要があります。
```js
assert.deepEqual(binarySearch(_testArray, 70), [13, 19, 22, 49, 70]);
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148da157cc0bd0d06df5c0a.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148da157cc0bd0d06df5c0a.md
index 8c41680b8b2..1f711ce18f2 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148da157cc0bd0d06df5c0a.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6148da157cc0bd0d06df5c0a.md
@@ -7,7 +7,7 @@ dashedName: step-57
# --description--
-To align the input boxes with each other, create a new ruleset that targets all `input` and `label` elements within an `.info` element and set the `display` property to `inline-block`.
+入力欄の位置を揃えるために、`.info` 要素の中にあるすべての `input` 要素と `label` 要素を選択する新しいルールセットを作成して、`display` プロパティを `inline-block` に設定してください。
また、`label` 要素のテキストを右側に揃えてください。
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md
index a529deaa6d8..a4be2d1225d 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md
@@ -7,7 +7,10 @@ dashedName: step-3
# --description--
-`title` 要素はページに関する追加情報を検索エンジンに提供するということを覚えておきましょう。 また、ページを開いている時のタイトルバーや、ページのタブに表示するテキストをブラウザーに伝えます。
+`title` 要素はページに関する追加情報を検索エンジンに提供するということを覚えておきましょう。 It also displays the content of that `title` element in two more ways:
+
+* in the title bar when the page is open
+* in the browser tab for the page when you hover on it. Even if that tab is not active, once you hover on the tab, the `title` text is displayed.
`head` 要素内に `title` 要素をネストし、テキストを `Colored Markers` としてください。
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md
index f221c980479..a82155f4e9f 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md
@@ -7,24 +7,26 @@ dashedName: step-5
# --description--
-自己終了要素である `meta` 要素をもう 1 つ、`head` 要素内に追加してください。 `name` 属性を `viewport` に、`content` 属性を `width=device-width, initial-scale=1.0` に設定してください。これにより、あらゆるデバイスでページが同じように表示されます。
+You can have multiple self-closing `meta` elements on a web page. What distinguishes one `meta` element from the other is the attribute. You should add a new meta element for each attribute you want to specify.
+
+Add another self-closing `meta` element within the `head`. Give it a `name` attribute set to `viewport` and a `content` attribute set to `width=device-width, initial-scale=1.0` so your page looks the same on all devices.
# --hints--
-`meta` 要素が 2 つ必要です。
+You should have two `meta` elements.
```js
const meta = document.querySelectorAll('meta');
assert(meta?.length === 2);
```
-新しい `meta` 要素は自己終了要素である必要があります。
+Your new `meta` element should be a self-closing element.
```js
assert(code.match(/<\/meta>/i) === null);
```
-新しい `meta` 要素の `name` 属性には `viewport` を、`content` 属性には `width=device-width, initial-scale=1.0` を設定する必要があります。
+Your new `meta` element should have a `name` attribute set to `viewport`, and a `content` attribute set to `width=device-width, initial-scale=1.0`.
```js
const meta = [...document.querySelectorAll('meta')];
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md
index d38f3e1921e..a692e68495c 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md
@@ -9,7 +9,7 @@ dashedName: step-7
このプロジェクトでは外部 CSS ファイルを使用してページのスタイルを設定します。 `styles.css` ファイルは既に作成してあります。 ですがそれを使えるようにするには、ページにリンクする必要があります。
-`head` 内に `link` 要素を 1 つネストしてください。 その `rel` 属性を `stylesheet` に、`href` 属性を `styles.css` に設定してください。
+Nest a `link` element within the `head` element. その `rel` 属性を `stylesheet` に、`href` 属性を `styles.css` に設定してください。
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md
index e66d3d22f7c..ec92ffceec7 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md
@@ -9,7 +9,7 @@ dashedName: step-9
ここで、最終的にカラーマーカーの形になるようスタイルを適用する要素をいくつか追加します。
-まずは、`body` 要素内に `div` 要素を 1 つ追加して、その `class` 属性を `container` に設定してください。 `div` 要素は `h1` 要素の下に置いてください。
+First, within the `body` element, add a `div` element and set its `class` attribute to `container`. `div` 要素は `h1` 要素の下に置いてください。
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md
index b2ef8d94c49..b36e3ca529c 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md
@@ -7,7 +7,7 @@ dashedName: step-10
# --description--
-次に、`div` 内に別の `div` 要素を追加し、それに `marker` のクラスを設定してください。
+Next, within the `div` element, add another `div` element and give it a class of `marker`.
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md
index af078a41803..9bbf241597a 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md
@@ -7,7 +7,7 @@ dashedName: step-12
# --description--
-背景色は適用されていますが、マーカーの `div` 要素が空なので、デフォルトの状態では高さがゼロになっています。
+The background color was applied, but since the marker `div` element has no content in it, it doesn't have any height by default.
`.marker` の CSS ルール内で、`height` プロパティを `25px` に、`width` プロパティを `200px` に設定してください。
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md
index aa328eb27e9..b3a0dcc2746 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md
@@ -13,19 +13,21 @@ dashedName: step-16
```
-はじめに、クラス `one` を最初のマーカーの `div` 要素に追加してください。
+If you add multiple classes to an HTML element, the styles of the first classes you list may be overridden by later classes.
+
+To begin, add the class `one` to the first marker `div` element.
# --hints--
-クラス `one` を最初のマーカーの `div` 要素に追加してください。
+You should add the class `one` to the first marker `div` element.
```js
const containerFirstChild = [...document.querySelector('.container')?.children][0];
assert(containerFirstChild?.classList?.contains('one'));
```
-最初のマーカーの `div` には `marker` と `one` というクラスが必要です。
+Your first marker `div` should have the classes `marker` and `one`.
```js
const containerFirstChild = [...document.querySelector('.container')?.children][0];
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
index 90ecdd1ae43..7ca54d48e19 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
@@ -7,7 +7,7 @@ dashedName: step-19
# --description--
-2 つ目のマーカーの `div` にクラス `two` を、3 つ目のマーカーの `div` にクラス `three` を追加してください。
+Add the class `two` to the second marker `div`, and add the class `three` to the third marker `div`.
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
index 0ac1a38ed57..abe1bf37c41 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
@@ -9,11 +9,11 @@ dashedName: step-34
三次色には他にもシャルトルーズグリーン (緑 + 黄、黄色がかった緑色)、アジュール (青 + シアン、明るい青)、ローズ (赤 + マゼンタ、薔薇色) の 3 つがあります。
-シャルトルーズグリーンを作成するには、`.one` ルール内の `rgb` 関数を変更して赤を `127` に、緑を最大値にしてください。
+To create chartreuse green, update the `rgb` function in the `.one` CSS rule so that red is at `127`, and set green to the max value.
-アジュールを得るには、`.two` ルール内の `rgb` 関数を変更して緑を `127` に、青を最大値にしてください。
+For azure, update the `rgb` function in the `.two` CSS rule so that green is at `127` and blue is at the max value.
-そしてローズ (明るいピンクと呼ばれることもあります) を得るには、`.three` ルール内の `rgb` 関数を変更して青を `127` に、赤を最大値にしてください。
+And for rose, which is sometimes called bright pink, update the `rgb` function in the `.three` CSS rule so that blue is at `127` and red is at the max value.
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
index 3e281d25b41..a7515b35dc3 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
@@ -9,7 +9,7 @@ dashedName: step-35
これでカラーホイールの原色、二次色、および三次色をすべて見てきたので、他の色彩理論の概念や、デザインに与える影響について理解しやすくなったことでしょう。
-では最初に、`.one`、`.two`、`.three` ルールの中の `rgb` 関数の値を調整して、各要素の `background-color` を純粋な黒にしてください。 `rgb` 関数は加法カラーモデルを使用しており、色が黒から始まり、赤、緑、青の値が増えるにしたがって変化することを忘れないようにしましょう。
+First, in the CSS rules `.one`, `.two`, and `.three`, adjust the values in the `rgb` function so that the `background-color` of each element is set to pure black. `rgb` 関数は加法カラーモデルを使用しており、色が黒から始まり、赤、緑、青の値が増えるにしたがって変化することを忘れないようにしましょう。
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
index ece3c4643a8..3cfaf40ecb1 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
@@ -11,7 +11,7 @@ dashedName: step-37
1 つの色を主要な色として使い、その補色をページの特定のコンテンツに注意を向けさせるためのアクセントとして使うのが良い方法とされています。
-では最初に、`h1` ルール内で、`rgb` 関数を使用して背景色をシアンに設定してください。
+First, in the `h1` rule, use the `rgb` function to set its `background-color` to cyan.
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
index 03c348f727d..9459294dfc8 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
@@ -7,7 +7,7 @@ dashedName: step-38
# --description--
-次に、`.one` ルール内の `background-color` を、`rgb` 関数を使用して黒に設定してください。 また `.two` ルール内の `background-color` を、`rgb` 関数を使用して赤に設定してください。
+Next, in the `.one` CSS rule, use the `rgb` function to set the `background-color` to black. And in the `.two` CSS rule, use the `rgb` function to set the `background-color` to red.
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
index bbeb4ec8502..f5e7bb07332 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
@@ -11,7 +11,7 @@ dashedName: step-39
補色の他にも重要な色の組み合わせがありますが、それらはもう少し後で学びます。
-ではここで、`.two` ルール内の `rgb` 関数を使用して、`background-color` を黒に設定してください。
+For now, use the `rgb` function in the `.two` CSS rule to set the `background-color` to black.
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
index 116082fd8df..52e52e47ea1 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
@@ -7,7 +7,7 @@ dashedName: step-40
# --description--
-また、`h1` ルール内の `background-color` プロパティと値を削除して、デフォルトの白色に戻してください。
+And in the `h1` CSS rule, remove the `background-color` property and value to go back to the default white color.
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
index 1c9e07dece7..e0ccb11d4e4 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
@@ -7,7 +7,7 @@ dashedName: step-42
# --description--
-`.one` クラスセレクターを変更して、新しい `red` クラスを選択してください。
+Update the `.one` CSS rule to target the new `red` class.
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
index 910407afcd3..939164693be 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
@@ -7,7 +7,7 @@ dashedName: step-43
# --description--
-次に、`.red` ルール内の `rgb` 関数を更新して赤を最大値にしてください。
+And update the `rgb` function in the `.red` CSS rule so that the red value is at the max.
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
index a05cf6acf57..75e58f27126 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
@@ -7,7 +7,7 @@ dashedName: step-45
# --description--
-CSS クラスセレクター `.two` を変更して、新しい `green` クラスを選択してください。 また `.three` セレクターを変更して新しい `blue` クラスを選択してください。
+CSS クラスセレクター `.two` を変更して、新しい `green` クラスを選択してください。 And update the `.three` class selector so it targets the new `blue` class.
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
index 343e738c98c..045f966cf09 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
@@ -11,7 +11,7 @@ CSS で要素に色を適用する方法として、
16 進数 (hexade
16 進数の色の値は `#` 記号から始まり、0-9 および A-F から 6 つの文字を取ります。 最初の二文字のペアが赤を、2 つ目のペアは緑を、3 つ目のペアは青を表します。 たとえば `#4B5320` のように記述します。
-`.green` CSS ルール内の `background-color` プロパティを、赤が `00`、緑が `FF`、青が `00` の 16 進数カラーコードに設定してください。
+In the `.green` class selector, set the `background-color` property to a hex color code with the values `00` for red, `FF` for green, and `00` blue.
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
index 9198973e6ca..fb28cbd49e0 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
@@ -15,7 +15,7 @@ dashedName: step-47
16 進数カラーの場合、`00` がその色の 0% で、`FF` が 100% です。 つまり `#00FF00` は赤が 0%、緑が 100%、青が 0% と解釈でき、`rgb(0, 255, 0)` と同じです。
-16 進数カラーの緑の値を `7F`に設定して緑の強度を減らしてください。
+Lower the intensity of green by setting the green value of the hex color to `7F`.
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
index b5de41887ca..bb6ab5a93e3 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
@@ -9,11 +9,11 @@ dashedName: step-48
HSL カラーモデル、または色相 (hue)、彩度 (saturation)、および明度 (lightness) とは、色を表現するもう一つの方法です。
-CSS の `hsl` 関数は 3 つの値を受け付けます: 0 から 360 までの数値の色相、0 から 100 パーセントの彩度、0 から 100 パーセントの明度です。
+The CSS hsl function accepts 3 values: a number from 0 to 360 for hue, a percentage from 0 to 100 for saturation, and a percentage from 0 to 100 for lightness.
カラーホイールを想像すると、赤の色相は 0 度、緑は 120 度、青は 240 度に位置します。
-彩度とは色の強度で、0% のグレーから 100% の純粋な色までを表します。
+Saturation is the intensity of a color from 0%, or gray, to 100% for pure color. You must add the percent sign `%` to the saturation and lightness values.
明度は色の明るさで、0% の完全な黒から 100% の完全な白までを表し、50% で中間色となります。
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
index 7f9c7086928..530b863cfab 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
@@ -9,7 +9,7 @@ dashedName: step-70
これでマーカーに正しい色が付けられたので、次はマーカーのスリーブ (ペン軸部分のカバー) を作成しましょう。 赤いマーカーから始めます。
-赤いマーカーの `div` の内側に、新しい `div` を作成してクラスを `sleeve` に設定してください。
+Inside the red marker `div` element, create a new `div` element and give it a class of `sleeve`.
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
index bb7981a58fe..7636394b1f8 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
@@ -15,11 +15,13 @@ dashedName: step-75
rgba(redValue, greenValue, blueValue, alphaValue);
```
-`.sleeve` ルール内で `rgba` 関数を使用して、`background-color` プロパティを不透明度 50％ の純粋な白に設定してください。
+You can also use an alpha channel with `hsl` and `hex` colors. You will see how to do that soon.
+
+In the `.sleeve` rule, use the `rgba` function to set the `background-color` property to pure white with 50% opacity.
# --hints--
-`.sleeve` CSS ルールの `background-color` プロパティを `rgba(255, 255, 255, 0.5)` に設定する必要があります。
+Your `.sleeve` CSS rule should have a `background-color` property set to `rgba(255, 255, 255, 0.5)`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.sleeve')?.backgroundColor === 'rgba(255, 255, 255, 0.5)');
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
index 7bc68d64251..537b7fa8bd1 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
@@ -15,13 +15,22 @@ dashedName: step-86
box-shadow: offsetX offsetY color;
```
-赤いマーカーにシンプルな影を付けることから始めましょう。
+Here's how the `offsetX` and `offsetY` values work:
-`.red` CSS ルール内に `box-shadow` プロパティを追加して、値は `offsetX` を `5px`、`offsetY` を `5px`、`color` を `red` にしてください。
+* both `offsetX` and `offsetY` accept number values in `px` and other CSS units
+* a positive `offsetX` value moves the shadow right and a negative value moves it left
+* a positive `offsetY` value moves the shadow down and a negative value moves it up
+* if you want a value of zero (`0`) for any or both `offsetX` and `offsetY`, you don't need to add a unit. Every browser understands that zero means no change.
+
+The height and width of the shadow is determined by the height and width of the element it's applied to. You can also use an optional `spreadRadius` value to spread out the reach of the shadow. More on that later.
+
+Start by adding a simple shadow to the red marker.
+
+In the `.red` CSS rule, add the `box-shadow` property with the values `5px` for `offsetX`, `5px` for `offsetY`, and `red` for `color`.
# --hints--
-`.red` CSS ルールの `box-shadow` 一括指定プロパティの値を `5px 5px red` に設定する必要があります。
+Your `.red` CSS rule should have a `box-shadow` shorthand property and with the value `5px 5px red`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.red')?.boxShadow === 'red 5px 5px');
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
index abf469f64b4..ec1a44b67f1 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
@@ -9,7 +9,7 @@ dashedName: step-90
`box-shadow` プロパティに慣れてきたので、赤いマーカーから影を完成させていきましょう。
-`.red` CSS ルール内の `box-shadow` プロパティの値を変更して、`offsetX` を `0`、`offsetY` を `0`、`blurRadius` を `20px`、`spreadRadius` を `0`、`color` を `red` にしてください。
+In the `.red` CSS rule, update the values for the `box-shadow` property so `offsetX` is `0`,`offsetY` is `0`, `blurRadius` is `20px`, `spreadRadius` is `0`, and `color` is `red`. Remember that you don't need to add units to a zero value.
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md
index 0ccf07ba62f..f68dd397ca4 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md
@@ -14,7 +14,7 @@ dashedName: step-2
`body` 要素セレクターを使用する必要があります。
```js
-assert.match(code, /body\s*\{/);
+assert.exists(new __helpers.CSSHelp(document).getStyle('body'));
```
`body` セレクター内で `background` プロパティを使用する必要があります。
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfa30b9eacea3f48c6300ad.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfa30b9eacea3f48c6300ad.md
index 4a61c6671fb..58309ca8a85 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfa30b9eacea3f48c6300ad.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfa30b9eacea3f48c6300ad.md
@@ -7,13 +7,13 @@ dashedName: step-15
# --description--
-In previous steps you used an anchor element to turn text into a link. Other types of content can also be turned into a link by wrapping it in anchor tags.
+以前のステップでは、アンカー要素を使用してテキストをリンクに変換しました。 他の種類のコンテンツも、アンカータグで囲むことでリンクにすることができます。
-Turn the image into a link by surrounding it with necessary element tags. Use `https://freecatphotoapp.com` as the anchor's `href` attribute value.
+画像を適切な要素のタグで囲んで、リンクに変換してください。 アンカーの `href` 属性値には `https://freecatphotoapp.com` を使用してください。
# --hints--
-You should have an `img` element with an `src` value of `https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg`. You may have accidentally deleted it.
+`src` の値が `https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg` に設定された `img` 要素が必要です。 誤って削除された可能性があります。
```js
assert(
@@ -23,37 +23,37 @@ assert(
);
```
-Your anchor (`a`) element should have an opening tag. Opening tags have this syntax: `
`.
+アンカー (`a`) 要素には開始タグが必要です。 開始タグは `` のような形式の構文です。
```js
assert(document.querySelectorAll('a').length >= 2);
```
-You should only add one opening anchor (`a`) tag. Please remove any extras.
+アンカー (`a`) の開始タグは 1 つだけ追加してください。 余分なものは削除してください。
```js
assert(document.querySelectorAll('a').length === 2);
```
-Your anchor (`a`) element should have a closing tag. Closing tags have a `/` just after the `<` character.
+アンカー (`a`) 要素には終了タグが必要です。 終了タグは `<` の直後に `/` があります。
```js
assert(code.match(/<\/a>/g).length >= 2);
```
-You should only add one closing anchor (`a`) tag. Please remove any extras.
+アンカー (`a`) の終了タグは 1 つだけ追加してください。 余分なものは削除してください。
```js
assert(code.match(/<\/a>/g).length === 2);
```
-Your anchor (`a`) element does not have an `href` attribute. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names.
+アンカー (`a`) 要素に `href` 属性がありません。 開始タグのタグ名の後にスペースがあることと、すべての属性名の前にスペースがあることを確認してください。
```js
assert(document.querySelector('a').hasAttribute('href'));
```
-Your anchor (`a`) element should link to `https://freecatphotoapp.com`. You have either omitted the URL or have a typo.
+アンカー (`a`) 要素は `https://freecatphotoapp.com` にリンクされる必要があります。 URL が設定されていないか、誤字脱字があります。
```js
assert(
@@ -62,7 +62,7 @@ assert(
);
```
-Your `img` element should be nested within the anchor (`a`) element. The entire `img` element should be inside the opening and closing tags of the anchor (`a`) element.
+`img` 要素はアンカー (`a`) 要素の中にネストされている必要があります。 `img` 要素全体が、アンカー (`a`) 要素の開始タグと終了タグの内側にあるようにしてください。
```js
assert(document.querySelector('img').parentNode.nodeName === 'A');
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md
index 02ee49f9beb..921b3f50048 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md
@@ -19,13 +19,13 @@ Wrap the text `2/3 cup (55g)` in a `span` element.
assert(document.querySelector('span'));
```
-Your `span` element should have the text `2/3 cup (55g)`.
+`span` 要素は `2/3 cup (55g)` というテキストを持つ必要があります。
```js
assert(document.querySelector('span')?.textContent?.trim() === '2/3 cup (55g)');
```
-Your `p` element should still have the text `Serving size 2/3 cup (55g)`.
+`p` 要素は変わらず `Serving size 2/3 cup (55g)` というテキストを持つ必要があります。
```js
assert(document.querySelectorAll('p')?.[1]?.innerText === 'Serving size 2/3 cup (55g)');
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5486b8fd4b71633f69b0.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5486b8fd4b71633f69b0.md
index ac9a6bf3b05..fa66846a75d 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5486b8fd4b71633f69b0.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5486b8fd4b71633f69b0.md
@@ -1,6 +1,6 @@
---
id: 615f5486b8fd4b71633f69b0
-title: Step 33
+title: ステップ 33
challengeType: 0
dashedName: step-33
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md
index 14f20ffb784..669363acb82 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md
@@ -1,6 +1,6 @@
---
id: 615f575b50b91e72af079480
-title: Step 35
+title: ステップ 35
challengeType: 0
dashedName: step-35
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5af373a68e744a3c5a76.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5af373a68e744a3c5a76.md
index 5890430c5d6..546a6e1a0e4 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5af373a68e744a3c5a76.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5af373a68e744a3c5a76.md
@@ -1,6 +1,6 @@
---
id: 615f5af373a68e744a3c5a76
-title: Step 36
+title: ステップ 36
challengeType: 0
dashedName: step-36
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md
index d25e7066bef..4f084d826ac 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md
@@ -1,6 +1,6 @@
---
id: 615f5fd85d0062761f288364
-title: Step 37
+title: ステップ 37
challengeType: 0
dashedName: step-37
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f61338c8ca176d6445574.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f61338c8ca176d6445574.md
index fff98d5cdd1..8f3693e561d 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f61338c8ca176d6445574.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f61338c8ca176d6445574.md
@@ -1,6 +1,6 @@
---
id: 615f61338c8ca176d6445574
-title: Step 38
+title: ステップ 38
challengeType: 0
dashedName: step-38
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f666ac5edea782feb7e75.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f666ac5edea782feb7e75.md
index f074a2cf764..4a0db786dbb 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f666ac5edea782feb7e75.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f666ac5edea782feb7e75.md
@@ -1,6 +1,6 @@
---
id: 615f666ac5edea782feb7e75
-title: Step 39
+title: ステップ 39
challengeType: 0
dashedName: step-39
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f671b6d1919792745aa5d.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f671b6d1919792745aa5d.md
index c94f3fdbe7f..9431400859b 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f671b6d1919792745aa5d.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f671b6d1919792745aa5d.md
@@ -1,6 +1,6 @@
---
id: 615f671b6d1919792745aa5d
-title: Step 40
+title: ステップ 40
challengeType: 0
dashedName: step-40
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6823d0815b7a991f2a75.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6823d0815b7a991f2a75.md
index a370733f842..856e695d048 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6823d0815b7a991f2a75.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6823d0815b7a991f2a75.md
@@ -1,13 +1,13 @@
---
id: 615f6823d0815b7a991f2a75
-title: Step 42
+title: ステップ 42
challengeType: 0
dashedName: step-42
---
# --description--
-Use your existing `.divider` element as an example to add a new divider after the `p` element.
+既存の `.divider` 要素を参考にして、`p` 要素の後に新しい仕切り線を追加してください。
# --hints--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md
index e98d6b36d96..8992665c305 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md
@@ -1,6 +1,6 @@
---
id: 615f6b2d164f81809efd9bdc
-title: Step 43
+title: ステップ 43
challengeType: 0
dashedName: step-43
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md
index 2ad5d4bdefb..367461bcc4c 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md
@@ -1,6 +1,6 @@
---
id: 615f6cc778f7698258467596
-title: Step 44
+title: ステップ 44
challengeType: 0
dashedName: step-44
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md
index b46fc893502..0dedd66978b 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md
@@ -1,6 +1,6 @@
---
id: 615f6fddaac1e083502d3e6a
-title: Step 45
+title: ステップ 45
challengeType: 0
dashedName: step-45
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md
index c6a234111c4..4cfaedd6138 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md
@@ -1,6 +1,6 @@
---
id: 615f70077a4ff98424236c1e
-title: Step 46
+title: ステップ 46
challengeType: 0
dashedName: step-46
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md
index 6d04498ff19..308609d94f7 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md
@@ -1,6 +1,6 @@
---
id: 615f72a872354a850d4f533e
-title: Step 47
+title: ステップ 47
challengeType: 0
dashedName: step-47
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md
index 474a34332b7..bb39da8d0a8 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md
@@ -1,6 +1,6 @@
---
id: 615f74a71f1e498619e38ee8
-title: Step 48
+title: ステップ 48
challengeType: 0
dashedName: step-48
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md
index 0f115024cab..65c2690983f 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md
@@ -1,6 +1,6 @@
---
id: 615f7ad94380408d971d14f6
-title: Step 49
+title: ステップ 49
challengeType: 0
dashedName: step-49
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md
index b3325a412ca..4c6c9812f5a 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md
@@ -1,6 +1,6 @@
---
id: 615f7bc680f7168ea01ebf99
-title: Step 50
+title: ステップ 50
challengeType: 0
dashedName: step-50
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7c71eab8218f846e4503.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7c71eab8218f846e4503.md
index 2e1482b5094..0f535f3e059 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7c71eab8218f846e4503.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7c71eab8218f846e4503.md
@@ -1,6 +1,6 @@
---
id: 615f7c71eab8218f846e4503
-title: Step 51
+title: ステップ 51
challengeType: 0
dashedName: step-51
---
@@ -11,7 +11,7 @@ dashedName: step-51
# --hints--
-You should create a new `p` element at the end of your `.daily-value` element.
+`.daily-value` 要素の最後に新しい `p` 要素を作成する必要があります。
```js
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p');
@@ -43,7 +43,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.quer
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('i')?.innerText === 'Trans');
```
-Your new `p` element should have a `span` element.
+新しい `p` 要素内に `span` 要素が 1 つ必要です。
```js
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span'));
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md
index 6064bd85238..4088657dd68 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md
@@ -1,6 +1,6 @@
---
id: 615f7d489a581590d1350288
-title: Step 52
+title: ステップ 52
challengeType: 0
dashedName: step-52
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md
index 8dcc198e2ec..fa13be0d056 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md
@@ -1,6 +1,6 @@
---
id: 615f7de4487b64919bb4aa5e
-title: Step 53
+title: ステップ 53
challengeType: 0
dashedName: step-53
---
@@ -11,7 +11,7 @@ dashedName: step-53
# --hints--
-You should create a new `p` element at the end of your `.daily-value` element.
+`.daily-value` 要素の最後に新しい `p` 要素を作成する必要があります。
```js
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p');
@@ -41,7 +41,7 @@ Your first `span` element should wrap the text `Cholesterol 0mg`.
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.innerText?.match(/Cholesterol[\s|\n]+0mg/));
```
-Your first `span` element should wrap the text `Cholesterol`.
+1 つ目の `span` 要素は `Cholesterol` というテキストを囲む必要があります。
```js
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.innerText === 'Cholesterol');
@@ -53,7 +53,7 @@ Your second `span` element should have the `class` attribute set to `bold`.
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold'));
```
-Your second `span` element should wrap the text `0%`.
+2 つ目の `span` 要素は `0%` というテキストを囲む必要があります。
```js
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '0%');
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md
index d3766dd4b25..bbaa12eaf17 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md
@@ -1,6 +1,6 @@
---
id: 615f7e7281626a92bbd62da8
-title: Step 54
+title: ステップ 54
challengeType: 0
dashedName: step-54
---
@@ -11,7 +11,7 @@ dashedName: step-54
# --hints--
-You should create a new `p` element at the end of your `.daily-value` element.
+`.daily-value` 要素の最後に新しい `p` 要素を作成する必要があります。
```js
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p');
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ecb09de9a938ef94756.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ecb09de9a938ef94756.md
index b44b2bab3d6..fef240f54fc 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ecb09de9a938ef94756.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ecb09de9a938ef94756.md
@@ -1,6 +1,6 @@
---
id: 615f7ecb09de9a938ef94756
-title: Step 55
+title: ステップ 55
challengeType: 0
dashedName: step-55
---
@@ -11,7 +11,7 @@ dashedName: step-55
# --hints--
-You should create a new `p` element at the end of your `.daily-value` element.
+`.daily-value` 要素の最後に新しい `p` 要素を作成する必要があります。
```js
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p');
@@ -59,7 +59,7 @@ The `span` element around `13%` should have the `class` attribute set to `bold`.
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold'));
```
-Your second `span` element should wrap the text `13%`.
+2 つ目の `span` 要素は `13%` というテキストを囲む必要があります。
```js
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '13%');
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md
index f14488b2cda..a32b4297502 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md
@@ -1,6 +1,6 @@
---
id: 615f7fa959ab75948f96a0d6
-title: Step 56
+title: ステップ 56
challengeType: 0
dashedName: step-56
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f808d85793195b0f53be9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f808d85793195b0f53be9.md
index 6055bedfdff..0318390ae24 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f808d85793195b0f53be9.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f808d85793195b0f53be9.md
@@ -1,6 +1,6 @@
---
id: 615f808d85793195b0f53be9
-title: Step 57
+title: ステップ 57
challengeType: 0
dashedName: step-57
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f829d07b18f96f6f6684b.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f829d07b18f96f6f6684b.md
index 74616c5e547..b5cb285f8b7 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f829d07b18f96f6f6684b.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f829d07b18f96f6f6684b.md
@@ -1,6 +1,6 @@
---
id: 615f829d07b18f96f6f6684b
-title: Step 58
+title: ステップ 58
challengeType: 0
dashedName: step-58
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md
index 370fd147adf..9ed8720e11c 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md
@@ -1,6 +1,6 @@
---
id: 615f83ef928ec9982b785b6a
-title: Step 59
+title: ステップ 59
challengeType: 0
dashedName: step-59
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md
index 182e3bb3101..0fbb915ec1d 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md
@@ -1,6 +1,6 @@
---
id: 615f84f246e8ba98e3cd97be
-title: Step 60
+title: ステップ 60
challengeType: 0
dashedName: step-60
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f887466db4ba14b5342cc.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f887466db4ba14b5342cc.md
index 0e579efc73e..58d48e1a2cc 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f887466db4ba14b5342cc.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f887466db4ba14b5342cc.md
@@ -1,6 +1,6 @@
---
id: 615f887466db4ba14b5342cc
-title: Step 61
+title: ステップ 61
challengeType: 0
dashedName: step-61
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md
index 82047e405eb..738254322dc 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md
@@ -1,6 +1,6 @@
---
id: 615f89e055040ba294719d2f
-title: Step 62
+title: ステップ 62
challengeType: 0
dashedName: step-62
---
@@ -13,19 +13,19 @@ The `p` element contains only text, you can wrap the percentage in a `span` elem
# --hints--
-You should create a new `p` element at the end of your `.daily-value` element.
+`.daily-value` 要素の最後に新しい `p` 要素を作成する必要があります。
```js
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p');
```
-Your new `p` element should have the text `Vitamin D 2mcg 10%`.
+新しい `p` 要素は `Vitamin D 2mcg 10%` というテキストを持つ必要があります。
```js
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Vitamin D 2mcg[\s|\n]+10%/));
```
-Your new `p` element should have a `span` element.
+新しい `p` 要素内に `span` 要素が 1 つ必要です。
```js
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 1);
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8bfe0f30a1a3c340356b.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8bfe0f30a1a3c340356b.md
index 80e5153eb3f..7ddf04bf56c 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8bfe0f30a1a3c340356b.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8bfe0f30a1a3c340356b.md
@@ -1,6 +1,6 @@
---
id: 615f8bfe0f30a1a3c340356b
-title: Step 63
+title: ステップ 63
challengeType: 0
dashedName: step-63
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8f1223601fa546e93f31.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8f1223601fa546e93f31.md
index d14b5765f1f..3dc8ed9d657 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8f1223601fa546e93f31.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8f1223601fa546e93f31.md
@@ -1,6 +1,6 @@
---
id: 615f8f1223601fa546e93f31
-title: Step 64
+title: ステップ 64
challengeType: 0
dashedName: step-64
---
@@ -11,7 +11,7 @@ dashedName: step-64
# --hints--
-You should create a new `p` element at the end of your `.daily-value` element.
+`.daily-value` 要素の最後に新しい `p` 要素を作成する必要があります。
```js
assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p');
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f905fbd1017a65ca224eb.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f905fbd1017a65ca224eb.md
index fefa4eb3feb..d87f27056f4 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f905fbd1017a65ca224eb.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f905fbd1017a65ca224eb.md
@@ -1,6 +1,6 @@
---
id: 615f905fbd1017a65ca224eb
-title: Step 65
+title: ステップ 65
challengeType: 0
dashedName: step-65
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md
index 734756e8ecf..812e52ce0d5 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md
@@ -1,6 +1,6 @@
---
id: 615f94786869e1a7fec54375
-title: Step 66
+title: ステップ 66
challengeType: 0
dashedName: step-66
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md
index fee39bba20a..1f3e726a85c 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md
@@ -1,6 +1,6 @@
---
id: 615f951dff9317a900ef683f
-title: Step 67
+title: ステップ 67
challengeType: 0
dashedName: step-67
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/635bde33c91c80540eae239b.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/635bde33c91c80540eae239b.md
index d9073bf18ba..39c03960927 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/635bde33c91c80540eae239b.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/635bde33c91c80540eae239b.md
@@ -1,6 +1,6 @@
---
id: 635bde33c91c80540eae239b
-title: Step 41
+title: ステップ 41
challengeType: 0
dashedName: step-41
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md
index e6f009b7e04..f12dd6ee7b5 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md
@@ -1,6 +1,6 @@
---
id: 6395d33ab5d91bf317107c48
-title: Step 32
+title: ステップ 32
challengeType: 0
dashedName: step-32
---
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6396e33fe478dd264ebbf278.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6396e33fe478dd264ebbf278.md
index 6a2dbb37aa9..dbbd65116ab 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6396e33fe478dd264ebbf278.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6396e33fe478dd264ebbf278.md
@@ -1,6 +1,6 @@
---
id: 6396e33fe478dd264ebbf278
-title: Step 34
+title: ステップ 34
challengeType: 0
dashedName: step-34
---
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
index 987b99767aa..4c25d899b32 100644
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
@@ -13,12 +13,20 @@ O operador de resto `%` retorna o resto da divisão de dois números.
**Exemplo**
-5 % 2 = 1 porque
Math.floor(5 / 2) = 2 (Quociente)
2 * 2 = 4
5 - 4 = 1 (Resto)
+
+5 % 2 = 1
+5 / 2 = 2 remainder 1
+2 * 2 = 4
+5 - 4 = 1
+
-**Uso**
-Na matemática, um número pode ser verificado como par ou ímpar por meio do resto da divisão do número por `2`.
+**Usage**
+In mathematics, a number can be checked to be even or odd by checking the remainder of the division of the number by `2`. Even numbers have a remainder of `0`, while odd numbers a remainder of `1`.
-17 % 2 = 1 (17 é Ímpar)
48 % 2 = 0 (48 é Par)
+
+17 % 2 = 1
+48 % 2 = 0
+
**Observação:** o operador de resto às vezes é referido incorretamente como o operador de módulo. É muito semelhante ao módulo, mas não funciona adequadamente com números negativos.
@@ -51,7 +59,9 @@ assert(/\s+?remainder\s*?=\s*?.*%.*;?/.test(code));
## --after-user-code--
```js
-(function(y){return 'remainder = '+y;})(remainder);
+(function (y) {
+ return 'remainder = ' + y;
+})(remainder);
```
## --seed-contents--
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
index 0d45f0d6a32..c42ea213f1d 100644
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
@@ -15,7 +15,7 @@ Outro tipo de dado é o booleano. Booleanos podem ser apenas dois val
# --instructions--
-Modifique a função `welcomeToBooleans` para que retorne `true` ao invés de `false` quando o botão de executar for clicado.
+Modify the `welcomeToBooleans` function so that it returns `true` instead of `false`.
# --hints--
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
index e9584035ce1..fc065cb75b2 100644
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
@@ -96,6 +96,20 @@ reRegex.lastIndex = 0;
assert(reRegex.test('10 10 10'));
```
+Your regex should not match the string `42\t42\t42`.
+
+```js
+reRegex.lastIndex = 0;
+assert(!reRegex.test('42\t42\t42'));
+```
+
+Your regex should not match the string `42 42 42`.
+
+```js
+reRegex.lastIndex = 0;
+assert(!reRegex.test('42 42 42'));
+```
+
# --seed--
## --seed-contents--
@@ -110,6 +124,6 @@ let result = reRegex.test(repeatNum);
```js
let repeatNum = "42 42 42";
-let reRegex = /^(\d+)\s\1\s\1$/;
+let reRegex = /^(\d+) \1 \1$/;
let result = reRegex.test(repeatNum);
```
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
index 4e66211b4a3..108c3f83a31 100644
--- a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-bar-chart
Atenda às histórias de usuário abaixo e faça com que todos os testes passem. Use quaisquer bibliotecas ou APIs de que você precisar. Dê ao projeto o seu próprio estilo pessoal.
-Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização D3, baseada em svg. Os testes requerem que os eixos sejam gerados usando a propriedade de eixos do D3, que geram automaticamente marcações ao longo do eixo. Essas marcações são exigidas para passar nos testes do D3 porque suas posições são usadas para determinar o alinhamento dos elementos do gráfico. Você vai encontrar informações sobre a geração de eixos em . Os elementos DOM obrigatórios (não virtuais) são consultados no momento de cada teste. Se você usar um framework de front-end (como o Vue por exemplo), os resultados dos testes podem ser imprecisos para conteúdo dinâmico. Esperamos dar suporte a eles um dia, mas atualmente esses frameworks não são suportados para os projetos de D3.
+Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização D3, baseada em svg. Os testes requerem que os eixos sejam gerados usando a propriedade de eixos do D3, que geram automaticamente marcações ao longo do eixo. Essas marcações são exigidas para passar nos testes do D3 porque suas posições são usadas para determinar o alinhamento dos elementos do gráfico. Você vai encontrar informações sobre a geração de eixos em . Required DOM elements are queried on the moment of each test. Se você usar um framework de front-end (como o Vue por exemplo), os resultados dos testes podem ser imprecisos para conteúdo dinâmico. Esperamos dar suporte a eles um dia, mas atualmente esses frameworks não são suportados para os projetos de D3.
**História de usuário nº 1:** meu gráfico deve ter um título com um `id="title"` correspondente.
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
index 96fdf6f9aa3..bd3bc534b6e 100644
--- a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-choropleth-map
Atenda às histórias de usuário abaixo e faça com que todos os testes passem. Use quaisquer bibliotecas ou APIs de que você precisar. Dê ao projeto o seu próprio estilo pessoal.
-Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização D3, baseada em svg. Os elementos DOM obrigatórios (não virtuais) são consultados no momento de cada teste. Se você usar um framework de front-end (como o Vue por exemplo), os resultados dos testes podem ser imprecisos para conteúdo dinâmico. Esperamos dar suporte a eles um dia, mas atualmente esses frameworks não são suportados para os projetos de D3.
+Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização D3, baseada em svg. Required DOM elements are queried on the moment of each test. Se você usar um framework de front-end (como o Vue por exemplo), os resultados dos testes podem ser imprecisos para conteúdo dinâmico. Esperamos dar suporte a eles um dia, mas atualmente esses frameworks não são suportados para os projetos de D3.
**História de usuário nº 1: ** meu coropleto deve ter um título com um `id="title"` correspondente.
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
index 1fef9eb3983..bb27f35562c 100644
--- a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-heat-map
Atenda às histórias de usuário abaixo e faça com que todos os testes passem. Use quaisquer bibliotecas ou APIs de que você precisar. Dê ao projeto o seu próprio estilo pessoal.
-Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização D3, baseada em svg. Os elementos DOM necessários (não virtuais) são consultados no momento de cada teste. Se você usar um framework de front-end (como o Vue por exemplo), os resultados dos testes podem ser imprecisos para conteúdo dinâmico. Esperamos dar suporte a eles um dia, mas atualmente esses frameworks não são suportados para os projetos de D3.
+Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização D3, baseada em svg. Required DOM elements are queried on the moment of each test. Se você usar um framework de front-end (como o Vue por exemplo), os resultados dos testes podem ser imprecisos para conteúdo dinâmico. Esperamos dar suporte a eles um dia, mas atualmente esses frameworks não são suportados para os projetos de D3.
**História de usuário nº 1: ** meu mapa de calor deve ter um título com um `id="title"` correspondente.
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
index 59edf125f72..647e7b387b8 100644
--- a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-scatterplot-graph
Atenda às histórias de usuário abaixo e faça com que todos os testes passem. Use quaisquer bibliotecas ou APIs de que você precisar. Dê ao projeto o seu próprio estilo pessoal.
-Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização D3, baseada em svg. Os testes requerem que os eixos sejam gerados usando a propriedade de eixos do D3, que geram automaticamente marcações ao longo do eixo. Essas marcações são exigidas para passar nos testes do D3 porque suas posições são usadas para determinar o alinhamento dos elementos do gráfico. Você vai encontrar informações sobre a geração de eixos em . Os elementos DOM necessários (não virtuais) são consultados no momento de cada teste. Se você usar um framework de front-end (como o Vue por exemplo), os resultados dos testes podem ser imprecisos para conteúdo dinâmico. Esperamos dar suporte a eles um dia, mas atualmente esses frameworks não são suportados para os projetos de D3.
+Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização D3, baseada em svg. Os testes requerem que os eixos sejam gerados usando a propriedade de eixos do D3, que geram automaticamente marcações ao longo do eixo. Essas marcações são exigidas para passar nos testes do D3 porque suas posições são usadas para determinar o alinhamento dos elementos do gráfico. Você vai encontrar informações sobre a geração de eixos em . Required DOM elements are queried on the moment of each test. Se você usar um framework de front-end (como o Vue por exemplo), os resultados dos testes podem ser imprecisos para conteúdo dinâmico. Esperamos dar suporte a eles um dia, mas atualmente esses frameworks não são suportados para os projetos de D3.
**História de usuário nº 1:** eu posso ver um elemento de título que tem um `id="title"` correspondente.
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
index 76c10f916f4..e8faa15efb0 100644
--- a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-treemap-diagram
Atenda às histórias de usuário abaixo e faça com que todos os testes passem. Use quaisquer bibliotecas ou APIs de que você precisar. Dê ao projeto o seu próprio estilo pessoal.
-Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização D3, baseada em svg. Os testes requerem que os eixos sejam gerados usando a propriedade de eixos do D3, que geram automaticamente marcações ao longo do eixo. Essas marcações são exigidas para passar nos testes do D3 porque suas posições são usadas para determinar o alinhamento dos elementos do gráfico. Você vai encontrar informações sobre a geração de eixos em . Os elementos DOM necessários (não virtuais) são consultados no momento de cada teste. Se você usar um framework de front-end (como o Vue por exemplo), os resultados dos testes podem ser imprecisos para conteúdo dinâmico. Esperamos dar suporte a eles um dia, mas atualmente esses frameworks não são suportados para os projetos de D3.
+Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização D3, baseada em svg. Os testes requerem que os eixos sejam gerados usando a propriedade de eixos do D3, que geram automaticamente marcações ao longo do eixo. Essas marcações são exigidas para passar nos testes do D3 porque suas posições são usadas para determinar o alinhamento dos elementos do gráfico. Você vai encontrar informações sobre a geração de eixos em . Required DOM elements are queried on the moment of each test. Se você usar um framework de front-end (como o Vue por exemplo), os resultados dos testes podem ser imprecisos para conteúdo dinâmico. Esperamos dar suporte a eles um dia, mas atualmente esses frameworks não são suportados para os projetos de D3.
**História de usuário nº 1: ** meu treemap deve ter um título com um `id="title"` correspondente.
diff --git a/curriculum/challenges/portuguese/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md b/curriculum/challenges/portuguese/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
index 370dd13b64e..7e402a662c4 100644
--- a/curriculum/challenges/portuguese/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
+++ b/curriculum/challenges/portuguese/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
@@ -50,7 +50,7 @@ Envie sua página quando você achar que ela está certa. Se você estiver encon
# --hints--
-Você deve serializar a função do usuário corretamente.
+You should serialize the user object correctly.
```js
async (getUserInput) => {
@@ -70,7 +70,7 @@ async (getUserInput) => {
}
```
-Você deve desserializar a função do usuário corretamente.
+You should deserialize the user object correctly.
```js
async (getUserInput) => {
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md
index d8106703f3e..cd1f845eae0 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md
@@ -7,7 +7,10 @@ dashedName: step-3
# --description--
-Lembre-se de que o elemento `title` fornece aos mecanismos de busca informações extras sobre a página. Ele também diz aos navegadores qual texto exibir na barra de título quando a página está aberta e também na aba da página.
+Lembre-se de que o elemento `title` fornece aos mecanismos de busca informações extras sobre a página. It also displays the content of that `title` element in two more ways:
+
+* in the title bar when the page is open
+* in the browser tab for the page when you hover on it. Even if that tab is not active, once you hover on the tab, the `title` text is displayed.
Dentro do elemento `head`, aninhe um elemento `title` com o texto `Colored Markers`.
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md
index 4c469b37513..da6ab61a923 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md
@@ -7,24 +7,26 @@ dashedName: step-5
# --description--
-Adicione outro elemento `meta` de fechamento automático dentro do elemento `head`. Dê a ele o atributo `name` definido como `viewport` e o atributo `content` definido como `width=device-width, initial-scale=1.0` para que a página tenha a mesma aparência em todos os dispositivos.
+You can have multiple self-closing `meta` elements on a web page. What distinguishes one `meta` element from the other is the attribute. You should add a new meta element for each attribute you want to specify.
+
+Add another self-closing `meta` element within the `head`. Give it a `name` attribute set to `viewport` and a `content` attribute set to `width=device-width, initial-scale=1.0` so your page looks the same on all devices.
# --hints--
-Você deve ter dois elementos `meta`.
+You should have two `meta` elements.
```js
const meta = document.querySelectorAll('meta');
assert(meta?.length === 2);
```
-O novo elemento `meta` deve ser de fechamento automático.
+Your new `meta` element should be a self-closing element.
```js
assert(code.match(/<\/meta>/i) === null);
```
-O novo elemento `meta` deve ter o atributo `name` definido como `viewport` e o atributo `content` definido como `width=device-width, initial-scale=1.0`.
+Your new `meta` element should have a `name` attribute set to `viewport`, and a `content` attribute set to `width=device-width, initial-scale=1.0`.
```js
const meta = [...document.querySelectorAll('meta')];
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md
index 3fb9be8543e..f2f588b2d65 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md
@@ -9,7 +9,7 @@ dashedName: step-7
Neste projeto, você trabalhará com um arquivo CSS externo para estilizar a página. Já criamos um arquivo de `styles.css` para você. Mas antes que você possa usá-lo, você precisará vinculá-lo à página.
-Adicione um elemento `link` dentro do elemento `head`. Dê a ele o atributo `rel` definido como `stylesheet` e o atributo `href` definido como `styles.css`.
+Nest a `link` element within the `head` element. Dê a ele o atributo `rel` definido como `stylesheet` e o atributo `href` definido como `styles.css`.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md
index 5bed268c2bb..d3d4ef80f51 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md
@@ -9,7 +9,7 @@ dashedName: step-9
Agora, você vai adicionar alguns elementos que mais pra frente serão estilizados em marcadores de cor.
-Primeiro, dentro do `body`, adicione um elemento `div` e defina seu atributo `class` para `container`. Certifique-se que o elemento `div` está abaixo do elemento `h1`.
+First, within the `body` element, add a `div` element and set its `class` attribute to `container`. Certifique-se que o elemento `div` está abaixo do elemento `h1`.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md
index 1a74efcda86..a812439333d 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md
@@ -7,7 +7,7 @@ dashedName: step-10
# --description--
-Em seguida, dentro do `div`, adicione outro elemento `div` e dê a ele a classe `marker`.
+Next, within the `div` element, add another `div` element and give it a class of `marker`.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md
index 7fd8f1097a8..4b2a9aa965e 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md
@@ -7,7 +7,7 @@ dashedName: step-12
# --description--
-A cor de fundo foi aplicada, mas como o elemento `div` do marcador está vazio, ele não tem qualquer altura por padrão.
+The background color was applied, but since the marker `div` element has no content in it, it doesn't have any height by default.
Na regra do CSS `.marker`, defina a propriedade `height` como `25px` e a propriedade `width` como `200px`
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md
index e5e6d488803..08aba1f2ae3 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md
@@ -13,19 +13,21 @@ Para dar aos marcadores cores diferentes, você precisará adicionar uma classe
```
-Para começar, adicione a classe `one` ao primeiro elemento do marcador `div`.
+If you add multiple classes to an HTML element, the styles of the first classes you list may be overridden by later classes.
+
+To begin, add the class `one` to the first marker `div` element.
# --hints--
-Adicione a class `one` ao primeiro elemento do marcador `div`.
+You should add the class `one` to the first marker `div` element.
```js
const containerFirstChild = [...document.querySelector('.container')?.children][0];
assert(containerFirstChild?.classList?.contains('one'));
```
-O primeiro marcador `div` deve ter os marcadores de classe `marker` e `one`.
+Your first marker `div` should have the classes `marker` and `one`.
```js
const containerFirstChild = [...document.querySelector('.container')?.children][0];
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
index eea26e1b840..84ba7b02b36 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
@@ -7,7 +7,7 @@ dashedName: step-19
# --description--
-Adicione a classe `two` ao segundo marcador `div` e a classe `three` ao terceiro marcador `div`.
+Add the class `two` to the second marker `div`, and add the class `three` to the third marker `div`.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
index b3cfe7163fc..009d2c75d0b 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
@@ -9,11 +9,11 @@ dashedName: step-34
Existem mais três cores terciárias: chartreuse verde (verde + amarelo), azure (azul + ciano), e rosa (vermelho + magenta).
-Para criar a cor chartreuse verde, atualize a função `rgb` na regra `.one` de modo que o vermelho esteja em `127` e defina verde para seu nível máximo.
+To create chartreuse green, update the `rgb` function in the `.one` CSS rule so that red is at `127`, and set green to the max value.
-Para criar a cor azure, atualize a função `rgb` na regra `.two` de modo que o verde esteja em `127` e azul esteja em seu nível máximo.
+For azure, update the `rgb` function in the `.two` CSS rule so that green is at `127` and blue is at the max value.
-E para rosa, que às vezes é chamado de rosa brilhante, atualize a função de `rgb` na regra `.three` para que o azul esteja em `127` e vermelho esteja no valor máximo.
+And for rose, which is sometimes called bright pink, update the `rgb` function in the `.three` CSS rule so that blue is at `127` and red is at the max value.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
index 6163831cbb6..a2d4590d55c 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
@@ -9,7 +9,7 @@ dashedName: step-35
Agora que você passou por todas as cores primárias, secundárias e terciárias do circulo cromático, vai ser mais fácil entender outros conceitos de teoria de cores e como eles afetam o design.
-Primeiro, nas regras `.one`, `.two` e `.three`, ajuste os valores na função `rgb` para que a `background-color` de cada elemento esteja definida como preto puro. Lembre-se de que a função `rgb` usa um modelo de cor aditivo, onde as cores começam a ser pretas e mudam conforme os valores de vermelho, verde e azul.
+First, in the CSS rules `.one`, `.two`, and `.three`, adjust the values in the `rgb` function so that the `background-color` of each element is set to pure black. Lembre-se de que a função `rgb` usa um modelo de cor aditivo, onde as cores começam a ser pretas e mudam conforme os valores de vermelho, verde e azul.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
index a87122c0792..afcf87d97e0 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
@@ -11,7 +11,7 @@ Observe que as cores vermelho e ciano estão muito brilhantes perto uma da outra
É uma prática melhor escolher uma cor como a cor dominante e usar sua cor complementar como um destaque para chamar a atenção para certos conteúdos na página.
-Primeiro, na regra `h1`, use a função `rgb` para definir a cor de fundo como ciano.
+First, in the `h1` rule, use the `rgb` function to set its `background-color` to cyan.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
index 3b4339db169..14cd711f927 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
@@ -7,7 +7,7 @@ dashedName: step-38
# --description--
-Em seguida, na regra `.one`, use a função `rgb` para definir o `background-color` para preto. E na regra `.two`, use a função `rgb` para definir o `background-color` para vermelho.
+Next, in the `.one` CSS rule, use the `rgb` function to set the `background-color` to black. And in the `.two` CSS rule, use the `rgb` function to set the `background-color` to red.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
index 60bee3a5d90..cf39ddfb9db 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
@@ -11,7 +11,7 @@ Percebeu como seus olhos são naturalmente atraídos para a cor vermelha no cent
Existem várias outras combinações de cores importantes fora das cores complementares, mas você as aprenderá mais adiante.
-Por enquanto, use a função `rgb` na regra `.two` para definir o `background-color` para preto.
+For now, use the `rgb` function in the `.two` CSS rule to set the `background-color` to black.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
index 5a73994041f..ea5d22b73d2 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
@@ -7,7 +7,7 @@ dashedName: step-40
# --description--
-E na regra `h1`, remova a propriedade `background-color` e o valor para voltar à cor branca padrão.
+And in the `h1` CSS rule, remove the `background-color` property and value to go back to the default white color.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
index a5ad6e1da35..c8b4894c2fd 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
@@ -7,7 +7,7 @@ dashedName: step-42
# --description--
-Atualize o seletor de classe `.one` para direcionar para a nova classe `red`.
+Update the `.one` CSS rule to target the new `red` class.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
index 0b3f6a00e00..0f701488ca6 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
@@ -7,7 +7,7 @@ dashedName: step-43
# --description--
-E atualize a função `rgb` na regra `.red` para que o valor vermelho esteja no máximo.
+And update the `rgb` function in the `.red` CSS rule so that the red value is at the max.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
index 4414e5b24ad..124f0078ff4 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
@@ -7,7 +7,7 @@ dashedName: step-45
# --description--
-Atualize o seletor de classe `.two` do CSS para que ele vincule à nova classe `green`. E atualize o seletor `.three` para que ele vincule à nova classe `blue`.
+Atualize o seletor de classe `.two` do CSS para que ele vincule à nova classe `green`. And update the `.three` class selector so it targets the new `blue` class.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
index d14930d2365..28ecf86b117 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
@@ -11,7 +11,7 @@ Uma maneira muito comum de aplicar cor a um elemento com CSS é com
hexadec
Os valores de cores hexadecimais começam com um caractere `#` e recebem seis caracteres de 0-9 e A-F. O primeiro par de caracteres representa vermelho, o segundo par representa verde, e o terceiro par representa azul. Por exemplo, `#4B5320`.
-Na regra do CSS `.green`, defina a propriedade `background-color` para um código de cor hexadecimal com os valores `00` para vermelho, `FF` para verde e `00` azul.
+In the `.green` class selector, set the `background-color` property to a hex color code with the values `00` for red, `FF` for green, and `00` blue.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
index 8a8377c3350..1a815fa9708 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
@@ -15,7 +15,7 @@ Você já pode estar familiarizado com valores decimais, ou base 10, que vão de
Com cores hexadecimais, `00` é 0% dessa cor e `FF` é 100%. Então, `#00FF00` traduz 0% vermelho, 100% verde e 0% azul, sendo igual a `rgb(0, 255, 0)`.
-Diminua a intensidade de verde definindo o valor verde da cor hexadecimal para `7F`.
+Lower the intensity of green by setting the green value of the hex color to `7F`.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
index 18b8bd9ad84..d93dd9006ae 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
@@ -9,11 +9,11 @@ dashedName: step-48
O modelo de cores de HSL, ou matiz, saturação e luz, é outra forma de representar cores.
-A função do CSS `hsl` aceita 3 valores: um número de 0 a 360 para o matiz, uma porcentagem de 0 a 100 para saturação e uma porcentagem de 0 a 100 para a luz.
+The CSS hsl function accepts 3 values: a number from 0 to 360 for hue, a percentage from 0 to 100 for saturation, and a percentage from 0 to 100 for lightness.
Se você imaginar um circulo cromático, a cor vermelha fica a 0 graus, verde é a 120 graus e azul está a 240 graus.
-Saturação é a intensidade de uma cor de 0%, ou cinza, até 100% para cor pura.
+Saturation is the intensity of a color from 0%, or gray, to 100% for pure color. You must add the percent sign `%` to the saturation and lightness values.
A luz é o nível de brilho no qual uma cor aparece, de 0%, ou preta completa, até 100%, branco total, com 50% de neutralidade.
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
index 105da5059f6..45e45013bb5 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
@@ -9,7 +9,7 @@ dashedName: step-70
Agora que os marcadores têm as cores corretas, é hora de construir as capas dos marcadores. Comece com o marcador vermelho.
-Dentro do marcador vermelho `div`, crie um novo `div` e dê a ele uma classe de `sleeve`.
+Inside the red marker `div` element, create a new `div` element and give it a class of `sleeve`.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
index 433fefbc78c..6543e1ab351 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
@@ -15,11 +15,13 @@ A função `rgba` age como a função `rgb`, mas recebe mais um número de `0` a
rgba(redValue, greenValue, blueValue, alphaValue);
```
-Na regra `.sleeve`, use a função `rgba` para definir a propriedade `background-color` como branco puro com 50% de opacidade.
+You can also use an alpha channel with `hsl` and `hex` colors. You will see how to do that soon.
+
+In the `.sleeve` rule, use the `rgba` function to set the `background-color` property to pure white with 50% opacity.
# --hints--
-A regra do CSS `.sleeve` deve ter uma propriedade `background-color` definida para `rgba(255, 255, 255, 0.5)`.
+Your `.sleeve` CSS rule should have a `background-color` property set to `rgba(255, 255, 255, 0.5)`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.sleeve')?.backgroundColor === 'rgba(255, 255, 255, 0.5)');
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
index ab99bd7acc3..b50d8cd4ecb 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
@@ -15,13 +15,22 @@ A propriedade `box-shadow` aplica uma ou mais sombras a um elemento. Aqui está
box-shadow: offsetX offsetY color;
```
-Comece adicionando uma sombra simples ao marcador vermelho.
+Here's how the `offsetX` and `offsetY` values work:
-Na regra do CSS `.red`, adicione a propriedade `box-shadow` com os valores `5px` para `offsetX`, `5px` para `offsetY` e `red` para `color`.
+* both `offsetX` and `offsetY` accept number values in `px` and other CSS units
+* a positive `offsetX` value moves the shadow right and a negative value moves it left
+* a positive `offsetY` value moves the shadow down and a negative value moves it up
+* if you want a value of zero (`0`) for any or both `offsetX` and `offsetY`, you don't need to add a unit. Every browser understands that zero means no change.
+
+The height and width of the shadow is determined by the height and width of the element it's applied to. You can also use an optional `spreadRadius` value to spread out the reach of the shadow. More on that later.
+
+Start by adding a simple shadow to the red marker.
+
+In the `.red` CSS rule, add the `box-shadow` property with the values `5px` for `offsetX`, `5px` for `offsetY`, and `red` for `color`.
# --hints--
-A regra do CSS `.red` deve conter a propriedade abreviada `box-shadow` e o valor `5px 5px red`.
+Your `.red` CSS rule should have a `box-shadow` shorthand property and with the value `5px 5px red`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.red')?.boxShadow === 'red 5px 5px');
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
index c3933be90b7..8cf902eb1bb 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
@@ -9,7 +9,7 @@ dashedName: step-90
Agora que você está familiarizado com a propriedade `box-shadow`, você pode finalizar as sombras, começando com o marcador vermelha.
-Na regra do CSS `.red`, atualize os valores da propriedade `box-shadow` com os valores `0` para `offsetX`, `0` para `offsetY`, `20px` para `blurRadius`, `0` para `spreadRadius` e `red` para `color`.
+In the `.red` CSS rule, update the values for the `box-shadow` property so `offsetX` is `0`,`offsetY` is `0`, `blurRadius` is `20px`, `spreadRadius` is `0`, and `color` is `red`. Remember that you don't need to add units to a zero value.
# --hints--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md
index 94055335a3c..47a64d7ae61 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md
@@ -14,7 +14,7 @@ Mire o elemento `body` para definir `background` como um gradiente linear inclin
Você deve usar o seletor de elemento `body`.
```js
-assert.match(code, /body\s*\{/);
+assert.exists(new __helpers.CSSHelp(document).getStyle('body'));
```
Você deve usar a propriedade `background` no seletor `body`.
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
index b683b8c5295..d4ab8558ca7 100644
--- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
@@ -13,12 +13,20 @@ dashedName: finding-a-remainder-in-javascript
**Приклад**
-5 % 2 = 1, оскільки
Math.floor(5 / 2) = 2 (частка)
2 * 2 = 4
5 - 4 = 1 (остача)
+
+5 % 2 = 1
+5 / 2 = 2 remainder 1
+2 * 2 = 4
+5 - 4 = 1
+
-**Використання**
-У математиці число можна перевірити як парне чи непарне, поділивши його на `2`.
+**Usage**
+In mathematics, a number can be checked to be even or odd by checking the remainder of the division of the number by `2`. Even numbers have a remainder of `0`, while odd numbers a remainder of `1`.
-17 % 2 = 1 (17 є непарним)
48 % 2 = 0 (48 є парним)
+
+17 % 2 = 1
+48 % 2 = 0
+
**Примітка:** оператор остачі іноді неправильно називають оператором модуля. Він дуже схожий на модуль, але працює неправильно з від’ємними числами.
@@ -51,7 +59,9 @@ assert(/\s+?remainder\s*?=\s*?.*%.*;?/.test(code));
## --after-user-code--
```js
-(function(y){return 'remainder = '+y;})(remainder);
+(function (y) {
+ return 'remainder = ' + y;
+})(remainder);
```
## --seed-contents--
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
index 912bf3200f8..adb95909853 100644
--- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
@@ -15,7 +15,7 @@ dashedName: understanding-boolean-values
# --instructions--
-Змініть функцію `welcomeToBooleans` так, щоб вона повертала `true` замість `false`, коли натискається кнопка запуску.
+Modify the `welcomeToBooleans` function so that it returns `true` instead of `false`.
# --hints--
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
index 9dfdd3fd384..10aa0940b53 100644
--- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
@@ -96,6 +96,20 @@ reRegex.lastIndex = 0;
assert(reRegex.test('10 10 10'));
```
+Your regex should not match the string `42\t42\t42`.
+
+```js
+reRegex.lastIndex = 0;
+assert(!reRegex.test('42\t42\t42'));
+```
+
+Your regex should not match the string `42 42 42`.
+
+```js
+reRegex.lastIndex = 0;
+assert(!reRegex.test('42 42 42'));
+```
+
# --seed--
## --seed-contents--
@@ -110,6 +124,6 @@ let result = reRegex.test(repeatNum);
```js
let repeatNum = "42 42 42";
-let reRegex = /^(\d+)\s\1\s\1$/;
+let reRegex = /^(\d+) \1 \1$/;
let result = reRegex.test(repeatNum);
```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
index a889546b0c4..9912bb6a797 100644
--- a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-bar-chart
Виконайте історію користувача та пройдіть тести. Використовуйте необхідні вам бібліотеки або API. Оформте за власним стилем.
-Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Для тестів потрібно згенерувати осі, використовуючи властивість осі D3, що автоматично створює відмітки вздовж осі. Ці відмітки потрібні для проходження D3 тестів, тому що їх положення використовуються для визначення вирівнювання зображених елементів. Ви можете знайти інформацію про генерування осей тут . Необхідні (невіртуальні) DOM-елементи запитуються під час кожного тесту. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
+Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Для тестів потрібно згенерувати осі, використовуючи властивість осі D3, що автоматично створює відмітки вздовж осі. Ці відмітки потрібні для проходження D3 тестів, тому що їх положення використовуються для визначення вирівнювання зображених елементів. Ви можете знайти інформацію про генерування осей тут . Required DOM elements are queried on the moment of each test. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
**User Story #1:** Моя діаграма повинна мати назву з відповідним `id="title"`.
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
index e2043e13e8c..164c57dfb0c 100644
--- a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-choropleth-map
Виконайте історію користувача та пройдіть тести. Використовуйте необхідні вам бібліотеки або API. Оформте за власним стилем.
-Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Необхідні (невіртуальні) DOM-елементи запитуються під час кожного тесту. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
+Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Required DOM elements are queried on the moment of each test. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
**User Story #1:** Моя фонова картограма повинна мати назву з відповідним `id="title"`.
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
index 7354d63cd3c..815e8a045f8 100644
--- a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-heat-map
Виконайте історію користувача та пройдіть тести. Використовуйте необхідні вам бібліотеки або API. Оформте за власним стилем.
-Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Необхідні (невіртуальні) DOM-елементи запитуються під час кожного тесту. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
+Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Required DOM elements are queried on the moment of each test. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
**User Story #1:** Моя теплова карта повинна мати назву з відповідним `id="title"`.
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
index 6ec3542f951..79390ddc38a 100644
--- a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-scatterplot-graph
Виконайте історію користувача та пройдіть тести. Використовуйте необхідні вам бібліотеки або API. Оформте за власним стилем.
-Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Для тестів потрібно згенерувати осі, використовуючи властивість осі D3, що автоматично створює відмітки вздовж осі. Ці відмітки потрібні для проходження D3 тестів, тому що їх положення використовуються для визначення вирівнювання зображених елементів. Ви можете знайти інформацію про генерування осей тут . Необхідні (невіртуальні) DOM-елементи запитуються під час кожного тесту. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
+Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Для тестів потрібно згенерувати осі, використовуючи властивість осі D3, що автоматично створює відмітки вздовж осі. Ці відмітки потрібні для проходження D3 тестів, тому що їх положення використовуються для визначення вирівнювання зображених елементів. Ви можете знайти інформацію про генерування осей тут . Required DOM elements are queried on the moment of each test. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
**User Story #1:** Я бачу елемент заголовка, що має відповідний `id="title"`.
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
index 6290f235c3e..a395d21f0ec 100644
--- a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
@@ -12,7 +12,7 @@ dashedName: visualize-data-with-a-treemap-diagram
Виконайте історію користувача та пройдіть тести. Використовуйте необхідні вам бібліотеки або API. Оформте за власним стилем.
-Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Для тестів потрібно згенерувати осі, використовуючи властивість осі D3, що автоматично створює відмітки вздовж осі. Ці відмітки потрібні для проходження D3 тестів, тому що їх положення використовуються для визначення вирівнювання зображених елементів. Ви можете знайти інформацію про генерування осей тут . Необхідні (невіртуальні) DOM-елементи запитуються під час кожного тесту. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
+Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Для тестів потрібно згенерувати осі, використовуючи властивість осі D3, що автоматично створює відмітки вздовж осі. Ці відмітки потрібні для проходження D3 тестів, тому що їх положення використовуються для визначення вирівнювання зображених елементів. Ви можете знайти інформацію про генерування осей тут . Required DOM elements are queried on the moment of each test. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
**User Story #1:** Моя діаграма Treemap повинна мати назву з відповідним `id="title"`.
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
index 7fa58501b24..8476ef1b53f 100644
--- a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
@@ -50,7 +50,7 @@ const { ObjectID } = require('mongodb');
# --hints--
-Ви повинні правильно серіалізувати функцію користувача.
+You should serialize the user object correctly.
```js
async (getUserInput) => {
@@ -70,7 +70,7 @@ async (getUserInput) => {
}
```
-Ви повинні правильно десеріалізувати функцію користувача.
+You should deserialize the user object correctly.
```js
async (getUserInput) => {
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md
index a4508291d1c..8fe4eaa7ce6 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695c4aad56f95497c19583.md
@@ -7,7 +7,10 @@ dashedName: step-3
# --description--
-Пам’ятайте, що елемент `title` надає пошуковим системам додаткову інформацію про сторінку. Він також повідомляє браузерам, який текст зображати в рядку заголовка (коли сторінка відкрита) та на вкладці сторінки.
+Пам’ятайте, що елемент `title` надає пошуковим системам додаткову інформацію про сторінку. It also displays the content of that `title` element in two more ways:
+
+* in the title bar when the page is open
+* in the browser tab for the page when you hover on it. Even if that tab is not active, once you hover on the tab, the `title` text is displayed.
В елемент `head` вкладіть елемент `title` з текстом `Colored Markers`.
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md
index 85190575db4..ed2e5b40f1a 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md
@@ -7,24 +7,26 @@ dashedName: step-5
# --description--
-Додайте ще один самозакривний елемент `meta` в межах `head`. Надайте йому атрибут `name` зі значенням `viewport` та атрибут `content` зі значенням `width=device-width, initial-scale=1.0`, щоб сторінка виглядала на всіх пристроях одинаково.
+You can have multiple self-closing `meta` elements on a web page. What distinguishes one `meta` element from the other is the attribute. You should add a new meta element for each attribute you want to specify.
+
+Add another self-closing `meta` element within the `head`. Give it a `name` attribute set to `viewport` and a `content` attribute set to `width=device-width, initial-scale=1.0` so your page looks the same on all devices.
# --hints--
-Ви повинні мати два елементи `meta`.
+You should have two `meta` elements.
```js
const meta = document.querySelectorAll('meta');
assert(meta?.length === 2);
```
-Ваш новий елемент `meta` повинен бути самозакривним елементом.
+Your new `meta` element should be a self-closing element.
```js
assert(code.match(/<\/meta>/i) === null);
```
-Ваш новий елемент `meta` повинен мати атрибут `name` зі значенням `viewport` та атрибут `content` зі значенням `width=device-width, initial-scale=1.0`.
+Your new `meta` element should have a `name` attribute set to `viewport`, and a `content` attribute set to `width=device-width, initial-scale=1.0`.
```js
const meta = [...document.querySelectorAll('meta')];
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md
index 51eecafc3f8..fcd6e2a8030 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md
@@ -9,7 +9,7 @@ dashedName: step-7
В цьому проєкті ви працюватимете із зовнішнім CSS-файлом, щоб стилізувати сторінку. Ми вже створили для вас файл `styles.css`. Але перш ніж ви зможете користуватись ним, потрібно прив’язати його до сторінки.
-Вставте елемент `link` в `head`. Надайте йому атрибут `rel` зі значенням `stylesheet` та атрибут `href` зі значенням `styles.css`.
+Nest a `link` element within the `head` element. Надайте йому атрибут `rel` зі значенням `stylesheet` та атрибут `href` зі значенням `styles.css`.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md
index 32e10adf894..996955117f4 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d3a67ccf800ad94ec89ae.md
@@ -9,7 +9,7 @@ dashedName: step-9
Зараз ви додасте деякі елементи, які згодом оформите в кольорові маркери.
-Спершу додайте елемент `div` в `body` та встановіть його атрибут `class` на `container`. Переконайтеся, що елемент `div` знаходиться під елементом `h1`.
+First, within the `body` element, add a `div` element and set its `class` attribute to `container`. Переконайтеся, що елемент `div` знаходиться під елементом `h1`.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md
index d3ab6a6556c..5b613295433 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d47bc9eedc4bc7f621bec.md
@@ -7,7 +7,7 @@ dashedName: step-10
# --description--
-Далі додайте інший елемент `div` в `div` та надайте йому клас `marker`.
+Next, within the `div` element, add another `div` element and give it a class of `marker`.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md
index 70a3a458f05..a0d5d82628e 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md
@@ -7,7 +7,7 @@ dashedName: step-12
# --description--
-Фоновий колір було застосовано, але оскільки маркер-елемент `div` порожній, то немає ніякої висоти за замовчуванням.
+The background color was applied, but since the marker `div` element has no content in it, it doesn't have any height by default.
У CSS-правилі `.marker` встановіть властивість `height` на `25px` та властивість `width` на `200px`
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md
index 78e1e5548b0..e7c43e154c9 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764c602bee6974e7790f35.md
@@ -13,19 +13,21 @@ dashedName: step-16
```
-Щоб почати, додайте клас `one` до першого елемента-маркера `div`.
+If you add multiple classes to an HTML element, the styles of the first classes you list may be overridden by later classes.
+
+To begin, add the class `one` to the first marker `div` element.
# --hints--
-Ви повинні додати клас `one` до першого елемента-маркера `div`.
+You should add the class `one` to the first marker `div` element.
```js
const containerFirstChild = [...document.querySelector('.container')?.children][0];
assert(containerFirstChild?.classList?.contains('one'));
```
-Ваш перший маркер `div` повинен мати класи `marker` та `one`.
+Your first marker `div` should have the classes `marker` and `one`.
```js
const containerFirstChild = [...document.querySelector('.container')?.children][0];
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
index 09bfa277dca..560d8d9bad6 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md
@@ -7,7 +7,7 @@ dashedName: step-19
# --description--
-Додайте клас `two` до другого маркера `div` та клас `three` до третього маркера `div`.
+Add the class `two` to the second marker `div`, and add the class `three` to the third marker `div`.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
index 1a6a4ea765c..857c29bc19c 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bd6ec666b1da2587e4e37.md
@@ -9,11 +9,11 @@ dashedName: step-34
Є ще три третинні кольори: шартрез (зелений + жовтий), лазуровий (синій + блакитний) та рожевий (червоний + пурпуровий).
-Щоб створити шартрез, оновіть функцію `rgb` в правилі `.one`, щоб червоний мав значення `127` та встановіть для зеленого максимальне значення.
+To create chartreuse green, update the `rgb` function in the `.one` CSS rule so that red is at `127`, and set green to the max value.
-Для лазурного, оновіть функцію `rgb` в правилі `.two`, щоб зелений мав значення `127`, а синій – максимальне.
+For azure, update the `rgb` function in the `.two` CSS rule so that green is at `127` and blue is at the max value.
-А для рожевого оновіть функцію `rgb` в правилі `.three`, щоб синій мав значення `127`, а червоний – максимальне.
+And for rose, which is sometimes called bright pink, update the `rgb` function in the `.three` CSS rule so that blue is at `127` and red is at the max value.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
index b6ffb98639f..96b74ffe9ae 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a00ed1ca871a2b3aca0cb.md
@@ -9,7 +9,7 @@ dashedName: step-35
Ви ознайомилися з всіма основними, вторинними та третинними кольорами на колірному колі, отож вам буде легше зрозуміти інші концепції теорії кольору та їхній вплив на дизайн.
-Спочатку налаштуйте значення в функції `rgb` в правилах `.one`, `.two` та `.three` таким чином, що `background-color` кожного елемента встановлено на чистий чорний. Пам’ятайте, що функція `rgb` використовує адитивну колірну модель, де кольори починаються з чорного та змінюються зі збільшенням значень червоного, зеленого та синього.
+First, in the CSS rules `.one`, `.two`, and `.three`, adjust the values in the `rgb` function so that the `background-color` of each element is set to pure black. Пам’ятайте, що функція `rgb` використовує адитивну колірну модель, де кольори починаються з чорного та змінюються зі збільшенням значень червоного, зеленого та синього.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
index 49e5c7b88eb..576e3bad188 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a0b2befb143baefab632b.md
@@ -11,7 +11,7 @@ dashedName: step-37
Краще вибрати один домінантний колір та використовувати його доповняльний колір як акцент, щоб привернути увагу до певного вмісту на сторінці.
-Спочатку використайте функцію `rgb` в правилі `h1`, щоб встановити колір фону на блакитний.
+First, in the `h1` rule, use the `rgb` function to set its `background-color` to cyan.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
index e73a325cc70..329cfa9e681 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a1275e873dcc803c2d1aa.md
@@ -7,7 +7,7 @@ dashedName: step-38
# --description--
-Далі використайте функцію `rgb` в правилі `.one`, щоб встановити `background-color` на чорний. Та використайте функцію `rgb` в правилі `.two`, щоб встановити `background-color` на червоний.
+Next, in the `.one` CSS rule, use the `rgb` function to set the `background-color` to black. And in the `.two` CSS rule, use the `rgb` function to set the `background-color` to red.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
index 9b009e056e8..1c0f3370066 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a132676346ac9f7fd59dd.md
@@ -11,7 +11,7 @@ dashedName: step-39
Є ще кілька важливих комбінацій кольорів, крім доповняльних кольорів, але ви дізнаєтесь про них трохи пізніше.
-Наразі використайте функцію `rgb` в правилі `.two`, щоб встановити `background-color` на чорний.
+For now, use the `rgb` function in the `.two` CSS rule to set the `background-color` to black.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
index 1552421c645..2af02f36942 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/618a16873520a8d088ffdf44.md
@@ -7,7 +7,7 @@ dashedName: step-40
# --description--
-А в правилі `h1` видаліть властивість `background-color` та її значення, щоб повернутися до білого кольору за замовчуванням.
+And in the `h1` CSS rule, remove the `background-color` property and value to go back to the default white color.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
index 89708865dfe..be5b4d14789 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b72a0db211f1c29afb906.md
@@ -7,7 +7,7 @@ dashedName: step-42
# --description--
-Оновіть селектор класу `.one`, щоб націлити новий клас `red`.
+Update the `.one` CSS rule to target the new `red` class.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
index ac7475494d5..d3e37ed5673 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7396e57b771f903be90d.md
@@ -7,7 +7,7 @@ dashedName: step-43
# --description--
-Та оновіть функцію `rgb` в правилі `.red`, щоб значення червоного було максимальним.
+And update the `rgb` function in the `.red` CSS rule so that the red value is at the max.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
index b9d8a458b71..5dacbc3d10b 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b74fa777a2b2473c94f82.md
@@ -7,7 +7,7 @@ dashedName: step-45
# --description--
-Оновіть селектор CSS-класу `.two`, щоб він був націлений на новий клас `green`. Та оновіть селектор `.three`, щоб він був націлений на новий клас `blue`.
+Оновіть селектор CSS-класу `.two`, щоб він був націлений на новий клас `green`. And update the `.three` class selector so it targets the new `blue` class.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
index 37c6fc10115..96556a315cf 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b761916dac02643940022.md
@@ -11,7 +11,7 @@ dashedName: step-46
Шістнадцяткове значення кольору починається з символу `#` та містить шість символів 0-9 та A-F. Перша пара символів представляє червоний колір, друга пара – зелений, а третя пара – синій. Наприклад, `#4B5320`.
-В CSS-правилі `.green` встановіть для властивості `background-color` шістнадцятковий код кольору зі значеннями `00` для червоного, `FF` для зеленого та `00` для синього.
+In the `.green` class selector, set the `background-color` property to a hex color code with the values `00` for red, `FF` for green, and `00` blue.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
index 0c89c653e45..ca63144c377 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7c3c83de403126b69c1e.md
@@ -15,7 +15,7 @@ dashedName: step-47
Для шістнадцяткових кольорів `00` – це 0% цього кольору, а `FF` – це 100%. Отже, `#00FF00` означає 0% червоного, 100% зеленого та 0% синього, тобто те саме, що й `rgb(0, 255, 0)`.
-Зменште інтенсивність зеленого, встановивши зелене значення шістнадцяткового кольору на `7F`.
+Lower the intensity of green by setting the green value of the hex color to `7F`.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
index 8b690536f74..dce77b437b9 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/619b7fd56aa2253778bcf5f7.md
@@ -9,11 +9,11 @@ dashedName: step-48
Колірна модель HSL, або відтінок, насиченість та освітленість, – ще один спосіб представлення кольорів.
-CSS-функція `hsl` приймає 3 значення: число від 0 до 360 для відтінку, відсоток від 0 до 100 для насиченості та відсоток від 0 до 100 для освітленості.
+The CSS hsl function accepts 3 values: a number from 0 to 360 for hue, a percentage from 0 to 100 for saturation, and a percentage from 0 to 100 for lightness.
Якщо уявити колірне коло, то відтінок червоного – 0 градусів, зеленого – 120 градусів та синього – 240 градусів.
-Насиченість – це інтенсивність кольору від 0%, або сірого, до 100% чистого кольору.
+Saturation is the intensity of a color from 0%, or gray, to 100% for pure color. You must add the percent sign `%` to the saturation and lightness values.
Освітленість – наскільки яскравим здається колір від 0% (повністю чорний) до 100% (повністю білий), з 50% нейтральності.
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
index e4679f09a21..53beec514c1 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61a5d7ef1cfcf45764df07a2.md
@@ -9,7 +9,7 @@ dashedName: step-70
Тепер, коли маркери мають правильні кольори, настав час створити насадки для маркерів. Почніть з червоного маркера.
-Всередині червоного маркера `div` створіть новий `div` та надайте йому клас `sleeve`.
+Inside the red marker `div` element, create a new `div` element and give it a class of `sleeve`.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
index a07824bb1ed..73120426085 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093329e7fc020b43b1bb5.md
@@ -15,11 +15,13 @@ dashedName: step-75
rgba(redValue, greenValue, blueValue, alphaValue);
```
-В правилі `.sleeve` використайте функцію `rgba`, щоб встановити властивість `background-color` на чистий білий з 50% непрозорістю.
+You can also use an alpha channel with `hsl` and `hex` colors. You will see how to do that soon.
+
+In the `.sleeve` rule, use the `rgba` function to set the `background-color` property to pure white with 50% opacity.
# --hints--
-Ваше CSS-правило `.sleeve` повинне мати властивість `background-color` зі значенням `rgba(255, 255, 255, 0.5)`.
+Your `.sleeve` CSS rule should have a `background-color` property set to `rgba(255, 255, 255, 0.5)`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.sleeve')?.backgroundColor === 'rgba(255, 255, 255, 0.5)');
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
index 1a4f2441257..1bd0e82f8fe 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b0a44a6b865738ba49b9fb.md
@@ -15,13 +15,22 @@ dashedName: step-86
box-shadow: offsetX offsetY color;
```
-Почніть з додавання простої тіні до червоного маркера.
+Here's how the `offsetX` and `offsetY` values work:
-В CSS-правилі `.red` додайте властивість `box-shadow` зі значеннями `5px` для `offsetX`, `5px` для `offsetY` та `red` для `color`.
+* both `offsetX` and `offsetY` accept number values in `px` and other CSS units
+* a positive `offsetX` value moves the shadow right and a negative value moves it left
+* a positive `offsetY` value moves the shadow down and a negative value moves it up
+* if you want a value of zero (`0`) for any or both `offsetX` and `offsetY`, you don't need to add a unit. Every browser understands that zero means no change.
+
+The height and width of the shadow is determined by the height and width of the element it's applied to. You can also use an optional `spreadRadius` value to spread out the reach of the shadow. More on that later.
+
+Start by adding a simple shadow to the red marker.
+
+In the `.red` CSS rule, add the `box-shadow` property with the values `5px` for `offsetX`, `5px` for `offsetY`, and `red` for `color`.
# --hints--
-Ваше CSS-правило `.red` повинне мати скорочену властивість `box-shadow` зі значенням `5px 5px red`.
+Your `.red` CSS rule should have a `box-shadow` shorthand property and with the value `5px 5px red`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.red')?.boxShadow === 'red 5px 5px');
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
index b2916ed1f18..9b5c69d00a5 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b31287fb580ae75a486047.md
@@ -9,7 +9,7 @@ dashedName: step-90
Тепер, коли ви знайомі з властивістю `box-shadow`, ви можете завершити тіні, починаючи з тіні для червоного маркера.
-В CSS-правилі `.red` оновіть значення властивості `box-shadow` таким чином, щоб `offsetX` був `0`, `offsetY` був `0`, `blurRadius` був `20px`, `spreadRadius` був `0`, а `color` був `red`.
+In the `.red` CSS rule, update the values for the `box-shadow` property so `offsetX` is `0`,`offsetY` is `0`, `blurRadius` is `20px`, `spreadRadius` is `0`, and `color` is `red`. Remember that you don't need to add units to a zero value.
# --hints--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md
index 8f3eb5f3b78..1ab115c1647 100644
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/61967e74a8e3690ab6292daa.md
@@ -14,7 +14,7 @@ dashedName: step-2
Ви повинні використати селектор елемента `body`.
```js
-assert.match(code, /body\s*\{/);
+assert.exists(new __helpers.CSSHelp(document).getStyle('body'));
```
Ви повинні використати властивість `background` в селекторі `body`.