diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
index 6b2419014f0..0a3161e994a 100644
--- a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
@@ -46,7 +46,7 @@ console.log(novel.writer);
استخدم كلمة `class` لإنشاء فئة `Thermostat`. يقبل `constructor` درجة حرارة فهرنهايت (Fahrenheit).
-في الفئة، أنشئ `getter` للحصول على درجة الحرارة بالدرجة المئوية و `setter` لضبط درجة الحرارة بالدرجة المئوية.
+In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
تذكر أن `C = 5/9 * (F - 32)` و `F = C * 9.0 / 5 + 32`، حيث `F` هي قيمة درجة الحرارة بالفهرنهايت، و `C` هي قيمة درجة الحرارة نفسها بالدرجة المئوية.
diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md
index 323b4523f50..f6c9ff75085 100644
--- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md
+++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md
@@ -71,13 +71,13 @@ body {
background-color: #c9d2fc;
}
+--fcc-editable-region--
.cat-head {
width: 205px;
height: 180px;
border: 1px solid #000;
border-radius: 46%;
- --fcc-editable-region--
- --fcc-editable-region--
}
+--fcc-editable-region--
```
diff --git a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
index 9b78df73a58..00ce133006e 100644
--- a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
+++ b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
@@ -46,7 +46,7 @@ console.log(novel.writer);
使用 `class` 關鍵字創建一個 `Thermostat` class。 `constructor` 接收一個華氏溫度。
-在 class 中,創建一個 `getter` 來獲取攝氏溫度和一個 `setter` 來設置溫度值。
+In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
記得在 `C = 5/9 * (F - 32)` 和 `F = C * 9.0 / 5 + 32` 中,`F` 是華氏溫度值,`C` 是攝氏溫度值。
diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md
index 323b4523f50..f6c9ff75085 100644
--- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md
+++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md
@@ -71,13 +71,13 @@ body {
background-color: #c9d2fc;
}
+--fcc-editable-region--
.cat-head {
width: 205px;
height: 180px;
border: 1px solid #000;
border-radius: 46%;
- --fcc-editable-region--
- --fcc-editable-region--
}
+--fcc-editable-region--
```
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
index ed153af8f35..ea4bf041a00 100644
--- a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
@@ -46,7 +46,7 @@ console.log(novel.writer);
使用 `class` 关键字创建一个 `Thermostat` class。 `constructor` 接收一个华氏温度。
-在 class 中,创建一个 `getter` 来获取摄氏温度和一个 `setter` 来设置温度值。
+In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
记得在 `C = 5/9 * (F - 32)` 和 `F = C * 9.0 / 5 + 32` 中,`F` 是华氏温度值,`C` 是摄氏温度值。
diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md
index 323b4523f50..f6c9ff75085 100644
--- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md
+++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md
@@ -71,13 +71,13 @@ body {
background-color: #c9d2fc;
}
+--fcc-editable-region--
.cat-head {
width: 205px;
height: 180px;
border: 1px solid #000;
border-radius: 46%;
- --fcc-editable-region--
- --fcc-editable-region--
}
+--fcc-editable-region--
```
diff --git a/curriculum/challenges/espanol/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md b/curriculum/challenges/espanol/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
index f9d8aa44775..99ea2e141b5 100644
--- a/curriculum/challenges/espanol/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
+++ b/curriculum/challenges/espanol/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
@@ -46,7 +46,7 @@ Ten en cuenta la sintaxis usada para invocar el getter y el setter. Ni siquiera
Utiliza la palabra clave `class` para crear una clase `Thermostat`. El `constructor` acepta una temperatura Fahrenheit.
-En la clase, crea un `getter` para obtener la temperatura en Celsius y un `setter` para ajustar la temperatura en Celsius.
+In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
Recuerda que `C = 5/9 * (F - 32)` y `F = C * 9.0 / 5 + 32` donde `F` es el valor de la temperatura en Fahrenheit y `C` es el valor de la misma temperatura en Celsius.
diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md
index 323b4523f50..f6c9ff75085 100644
--- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md
+++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md
@@ -71,13 +71,13 @@ body {
background-color: #c9d2fc;
}
+--fcc-editable-region--
.cat-head {
width: 205px;
height: 180px;
border: 1px solid #000;
border-radius: 46%;
- --fcc-editable-region--
- --fcc-editable-region--
}
+--fcc-editable-region--
```
diff --git a/curriculum/challenges/german/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md b/curriculum/challenges/german/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
index 35113b7bd5f..cf8494373d1 100644
--- a/curriculum/challenges/german/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
+++ b/curriculum/challenges/german/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
@@ -46,7 +46,7 @@ Beachte die Syntax, mit der die Getter und Setter aufgerufen werden. Sie sehen n
Verwende das Schlüsselwort `class`, um eine Klasse `Thermostat` zu erstellen. Der `constructor` akzeptiert eine Fahrenheit-Temperatur.
-Erstelle in der Klasse einen `getter`, um die Temperatur in Celsius zu erhalten und einen `setter`, um die Temperatur in Celsius zu setzen.
+In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
Denke daran, dass `C = 5/9 * (F - 32)` und `F = C * 9.0 / 5 + 32`, wobei `F` der Wert der Temperatur in Fahrenheit und `C` der Wert der gleichen Temperatur in Celsius ist.
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 f7cb54d3640..c38f3872ce9 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
@@ -7,9 +7,9 @@ dashedName: step-46
# --description--
-A very common way to apply color to an element with CSS is with hexadecimal or hex values. While hex values sound complicated, they're really just another form of RGB values.
+A very common way to apply color to an element with CSS is with hexadecimal or hex values. Während Hex-Werte kompliziert klingen, sind sie in Wirklichkeit nur eine andere Form von RGB-Werten.
-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. Zum Beispiel: `#4B5320`.
+Hex color values start with a `#` character and take six characters from 0-9 and A-F. Das erste Zeichenpaar repräsentiert rot, das zweite Paar grün und das dritte blau. Zum Beispiel: `#4B5320`.
Setze im `.green`-Klassenselektor die `background-color`-Eigenschaft auf einen Hex-Farbcode mit den Werten `00` für rot, `FF` für grün und `00` blau.
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 8626bb30af5..c5d4485b37d 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
@@ -7,15 +7,15 @@ dashedName: step-47
# --description--
-You may already be familiar with decimal, or base 10 values, which go from 0 - 9. Hexadecimal, or base 16 values, go from 0 - 9, then A - F:
+Vielleicht bist du bereits mit Dezimalwerten oder Werten zur Basis 10 vertraut, die von 0 bis 9 reichen. Hexadezimale Werte oder zur Basis 16 dargestellte Werte reichen von 0 - 9, gefolgt von A - F:
```js
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F
```
-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)`.
+Bei Hex-Farben entspricht `00` 0 % dieser Farbe und `FF` entspricht 100 %. `#00FF00` steht also für 0 % Rot, 100 % Grün sowie 0 % Blau und ist das Gleiche wie `rgb(0, 255, 0)`.
-Lower the intensity of green by setting the green value of the hex color to `7F`.
+Senke die Intensität für Grün, indem du den grünen Wert der Hex-Farbe auf `7F` setzt.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d2b7a84e78b246f2d17a2.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d2b7a84e78b246f2d17a2.md
index 7bd056345e1..37064772718 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d2b7a84e78b246f2d17a2.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d2b7a84e78b246f2d17a2.md
@@ -35,7 +35,7 @@ Du solltest den `.arm.right`-Selektor verwenden.
assert.match(code, /\.arm\.right\s*\{/);
```
-You should give `.arm.right` a `top` of `0%`.
+Du solltest `.arm.right` ein `top` von `0%` zuweisen.
```js
assert.include(['0%', '0', '0px'], new __helpers.CSSHelp(document).getStyle('.arm.right')?.top);
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f4.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f4.md
index 9755d63323f..41fdb9d3d86 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f4.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f4.md
@@ -7,7 +7,7 @@ dashedName: step-44
# --description--
-Gradients can use as many colors as you want like this:
+Bei Farbverläufen kannst du so viele Farben verwenden, wie du willst, wie hier:
```css
gradient-type(
@@ -17,7 +17,7 @@ gradient-type(
);
```
-Füge einen `linear-gradient` zu `.bb1d` mit `orange` als erste Farbe, `--building-color1` als zweite und `--window-color1` als dritte hinzu. Remember to use the gradient on the `background` property.
+Füge einen `linear-gradient` zu `.bb1d` mit `orange` als erste Farbe, `--building-color1` als zweite und `--window-color1` als dritte hinzu. Vergesse nicht den Farbverlauf auf die `background`-Eigenschaft anzuwenden.
# --hints--
@@ -27,7 +27,7 @@ Du solltest die `background` auf `.bb1d` verwenden.
assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle('.bb1d')?.background);
```
-You should give the `background` property a `linear-gradient`.
+Du solltest der `background`-Eigenschaft einen `linear-gradient` zuweisen.
```js
assert.include(new __helpers.CSSHelp(document).getStyle('.bb1d')?.background, 'linear-gradient');
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9918.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9918.md
index 4f94ed78071..85face0b2f7 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9918.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9918.md
@@ -7,7 +7,7 @@ dashedName: step-79
# --description--
-Du wirst einige weitere Kanten-Tricks für den oberen Abschnitt verwenden. Füge `border-bottom` mit einem Wert von `7vh solid var(--building-color4)` zu `.fb1a` hinzu. Dadurch wird unten ein Rand mit einer Höhe von `7vh` angezeigt. But since the element has zero size, it only shows up as a 2px wide line from the 1px border that is on all the elements.
+Du wirst einige weitere Kanten-Tricks für den oberen Abschnitt verwenden. Füge `border-bottom` mit einem Wert von `7vh solid var(--building-color4)` zu `.fb1a` hinzu. Dadurch wird unten ein Rand mit einer Höhe von `7vh` angezeigt. Da das Element jedoch keine Größe hat, wird es nur als 2 Pixel breite Linie von der 1 Pixel breiten Grenze angezeigt, die sich auf allen Elementen befindet.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9919.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9919.md
index 6e9070458b5..245243cb853 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9919.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9919.md
@@ -7,7 +7,7 @@ dashedName: step-80
# --description--
-When you increase the size of the left and right borders, the border on the bottom will expand to be the width of the combined left and right border widths. Füge `2vw solid transparent` als Wert für die `border-left`- und `border-right`-Eigenschaften von `.fb1a` hinzu. They will be invisible, but it will make the border on the bottom `4vw` wide.
+Wenn du die Größe der linken und rechten Ränder erhöhst, wird der untere Rand auf die Breite der kombinierten linken und rechten Randbreiten erweitert. Füge `2vw solid transparent` als Wert für die `border-left`- und `border-right`-Eigenschaften von `.fb1a` hinzu. Sie werden unsichtbar sein, aber es wird den Rand auf der Unterseite `4vw` breit machen.
# --hints--
@@ -17,7 +17,7 @@ Du solltest `.fb1a` einen `border-left` von `2vw solid transparent` geben.
assert.equal(new __helpers.CSSHelp(document).getStyle(".fb1a")?.borderLeft, "2vw solid transparent");
```
-You should give `.fb1a` a `border-right` of `2vw solid transparent`.
+Du solltest `.fb1a` eine `border-right` von `2vw solid transparent` zuweisen.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle(".fb1a")?.borderRight, "2vw solid transparent");
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9920.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9920.md
index e5096bcded3..5614c18d590 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9920.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9920.md
@@ -7,7 +7,7 @@ dashedName: step-87
# --description--
-For `.fb2a`, add a `border-bottom` of `10vh solid var(--building-color3)`, and a `border-left` and `border-right` of `1vw solid transparent`. This time the border trick will create a trapezoid shape.
+Füge für `.fb2a` eine `border-bottom` von `10vh solid var(--building-color3)` und eine `border-left` sowie `border-right` von `1vw solid transparent` hinzu. Dieses Mal wird der Randtrick eine Trapezform erzeugen.
# --hints--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d8.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d8.md
index 86469549251..6c3f03442f8 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d8.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d8.md
@@ -7,13 +7,13 @@ dashedName: step-37
# --description--
-Das `input`-Element gibt dir mehrere Möglichkeiten, Daten aus einem Webformular zu sammeln. Like `img` elements, `input` elements are self-closing and do not need closing tags.
+Das `input`-Element gibt dir mehrere Möglichkeiten, Daten aus einem Webformular zu sammeln. `input`-Elemente sind genauso wie `img`-Elemente selbstschließend und benötigen keine abschließenden Tags.
-Nest an `input` element in the `form` element.
+Bette ein `input`-Element in das `form`-Element ein.
# --hints--
-Your `form` element should have an opening tag and closing tag in the correct order. Es kann sein, dass eine oder beide der erforderlichen Tags fehlen oder in der falschen Reihenfolge sind.
+Dein `form`-Element sollte ein öffnendes und abschließendes Tag in der richtigen Reihenfolge haben. Es kann sein, dass eine oder beide der erforderlichen Tags fehlen oder in der falschen Reihenfolge sind.
```js
const noSpaces = code.replace(/\s/g, '');
@@ -36,7 +36,7 @@ Du solltest ein `input`-Element erstellen. Überprüfe die Syntax.
assert(document.querySelector('input'));
```
-Your `input` element should have an opening tag, but not a closing tag.
+Dein `input`-Element sollte ein öffnendes Tag, aber kein abschließendes Tag haben.
```js
assert(document.querySelector('input') && !code.match(/<\/input\>/g));
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc4f528d6a74d05e68af74.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc4f528d6a74d05e68af74.md
index 8a9348120d1..eb56870c1dc 100644
--- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc4f528d6a74d05e68af74.md
+++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc4f528d6a74d05e68af74.md
@@ -25,7 +25,7 @@ Dein Kontrollkästchen sollte noch immer ein `id`-Attribut mit dem Wert `loving`
assert.equal($('input[type="checkbox"]')[0].id, 'loving');
```
-The text `Loving` should be wrapped in a `label` element.
+Der Text `Loving` sollte in einem `label`-Element eingebettet werden.
```js
const checkboxInputElem = $('input[type="checkbox"]')[0];
@@ -34,7 +34,7 @@ assert(
);
```
-Du wirst ein neues `label`-Element hinzufügen müssen, in dem du den Text `Loving` einbetten kannst. Make sure it has both an opening and closing tag.
+Du wirst ein neues `label`-Element hinzufügen müssen, in dem du den Text `Loving` einbetten kannst. Stelle sicher, dass es sowohl ein öffnendes als auch abschließendes Tag enthält.
```js
assert(
@@ -43,14 +43,14 @@ assert(
);
```
-Das neue `label`-Element sollte sich direkt rechts neben deinem Kontrollkästchen befinden. Make sure there is a space between the two elements.
+Das neue `label`-Element sollte sich direkt rechts neben deinem Kontrollkästchen befinden. Stelle sicher, dass zwischen den zwei Elementen ein Leerzeichen vorhanden ist.
```js
const checkboxInputElem = $('input[type="checkbox"]')[0];
assert(checkboxInputElem.nextElementSibling.nodeName === 'LABEL');
```
-Das neue `label`-Element hat kein `for`-Attribut. Check that there is a space after the opening tag's name.
+Das neue `label`-Element hat kein `for`-Attribut. Überprüfe, ob ein Leerzeichen nach dem Namen des öffnenden Tags vorhanden ist.
```js
const labelElem = $('input[type="checkbox"]')[0].nextElementSibling;
@@ -64,14 +64,14 @@ const labelElem = $('input[type="checkbox"]')[0].nextElementSibling;
assert.equal(labelElem.getAttribute('for'), 'loving');
```
-Der Text `Loving` sollte innerhalb des neuen `label`-Elements eingebettet werden. You have either omitted the text or have a typo.
+Der Text `Loving` sollte innerhalb des neuen `label`-Elements eingebettet werden. Du hast entweder den Text weggelassen oder einen Tippfehler gemacht.
```js
const labelElem = document.querySelector('label[for="loving"]');
assert(labelElem.textContent.replace(/\s/g, '').match(/Loving/i));
```
-There should be a space between your checkbox and your new `label` element.
+Es sollte ein Leerzeichen zwischen deiner Checkbox und deinem neuen `label`-Element vorhanden sein.
```js
assert.match(code, />\s+