chore(i18n,learn): processed translations

curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9904.md

@@ -17,22 +17,36 @@ gradient-type(
 );
 ```
 
-給 `.bb3` 添加 `repeating-linear-gradient`。 將方向設置爲 `90deg`，`building-color3` 作爲前兩種顏色，在 `15%` 處採用 `window-color3` 作爲第三種顏色。 當你不指定顏色的距離時，它將使用有意義的值。 在這個例子中，前兩種顏色將默認爲在 `0%` 處和 `7.5%` 處，因爲它從 `0%` 開始，而 `7.5%` 是 `15%` 的一半。
+給 `.bb3` 添加 `repeating-linear-gradient`。 將方向設置爲 `90deg`，`building-color3` 作爲前兩種顏色，在 `15%` 處採用 `window-color3` 作爲第三種顏色。
+
+When you don't specify a distance for a color, it will use the values that makes sense. In this case, the first two colors will default to `0%` and `7.5%` because it starts at `0%`, and `7.5%` is half of the `15%`, so you do not need to set them.
 
 # --hints--
 
-你應該使用 `repeating-linear-gradient` 給 `.bb3` 一個 `background`。
+You should give `.bb3` a `background` using `repeating-linear-gradient`.
 
 ```js
 assert.include(new __helpers.CSSHelp(document).getStyle(".bb3")?.background, "repeating-linear-gradient");
 ```
 
-你應該在 `repeating-linear-gradient` 的第一個參數中使用 `90deg` 作爲方向。
+You should use `90deg` for the direction in the first argument of `repeating-linear-gradient`.
 
 ```js
 assert.include(new __helpers.CSSHelp(document).getStyle(".bb3")?.getPropVal('background', true), "repeating-linear-gradient(90deg");
 ```
 
+You should not set the percentage for the first color.
+
+```js
+assert.notInclude(new __helpers.CSSHelp(document).getStyle(".bb3")?.getPropVal('background', true), "var(--building-color3)0%");
+```
+
+You should not set the percentage for the second color.
+
+```js
+assert.notInclude(new __helpers.CSSHelp(document).getStyle(".bb3")?.getPropVal('background', true), "var(--building-color3)7.5%");
+```
+
 你應該對前兩種顏色使用 `--building-color3`。
 
 ```js

curriculum/challenges/chinese-traditional/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddcd61f516cacdc7a04ca.md

@@ -56,9 +56,29 @@ Rentals are usually stationary services, not something that stops.
 # --scene--
 
 ```json
-{ "setup": { "background": "company2-center.png", "characters": [
-      { "character": "Maria", "position": {"x":50,"y":0,"z":1.5}, "opacity": 0 } ], "audio": { "filename": "1.3-5.mp3", "startTime": 1, "startTimestamp": 37.92, "finishTimestamp": 42.38 } }, "commands": [
-    { "character": "Maria", "opacity": 1, "startTime": 0 },
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {"x":50,"y":0,"z":1.5},
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "1.3-5.mp3",
+      "startTime": 1,
+      "startTimestamp": 37.92,
+      "finishTimestamp": 42.38
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
     {
       "character": "Maria",
       "startTime": 1,
@@ -73,4 +93,6 @@ Rentals are usually stationary services, not something that stops.
       "opacity": 0,
       "startTime": 5.96
     }
-  ] }
+  ]
+}
+```

curriculum/challenges/chinese-traditional/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4e3b02a2128049c344c8.md

@@ -39,9 +39,29 @@ Refers to the act of being introduced to someone for the first time.
 # --scene--
 
 ```json
-{ "setup": { "background": "company1-boardroom.png", "characters": [
-      { "character": "David", "position": {"x":50,"y":0,"z":1.4}, "opacity": 0 } ], "audio": { "filename": "1.2-5.mp3", "startTime": 1, "startTimestamp": 27.38, "finishTimestamp": 29.06 } }, "commands": [
-    { "character": "David", "opacity": 1, "startTime": 0 },
+{
+  "setup": {
+    "background": "company1-boardroom.png",
+    "characters": [
+      {
+        "character": "David",
+        "position": {"x":50,"y":0,"z":1.4},
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "1.2-5.mp3",
+      "startTime": 1,
+      "startTimestamp": 27.38,
+      "finishTimestamp": 29.06
+    }
+  },
+  "commands": [
+    {
+      "character": "David",
+      "opacity": 1,
+      "startTime": 0
+    },
     {
       "character": "David",
       "startTime": 1,
@@ -56,4 +76,6 @@ Refers to the act of being introduced to someone for the first time.
       "opacity": 0,
       "startTime": 3.18
     }
-  ] }
+  ]
+}
+```

curriculum/challenges/chinese-traditional/25-front-end-development/lab-email-masker/66b205e6eacba4c4e54ea434.md

@@ -24,13 +24,13 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 
 # --hints--
 
-You should define a funtion named `maskEmail`.
+You should define a function named `maskEmail`.
 
 ```js
 assert.isFunction(maskEmail);
 ```
 
-The `maskEmail` funtion should take a string, `email` as an argument.
+The `maskEmail` function should take a string, `email` as an argument.
 
 ```js
 assert.match(maskEmail.toString(), /\s*maskEmail\(\s*\w+\s*\)/);

curriculum/challenges/chinese-traditional/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md

@@ -15,7 +15,7 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 
 1. Define a function called `isLeapYear` that takes a number as an argument.
 2. Outside the function, declare a variable `year` that stores the value of the year you want to check.
-3. Inside the funtion, use an `if/ else` statement or a ternary operator to check if the year is a leap year.
+3. Inside the function, use an `if/ else` statement or a ternary operator to check if the year is a leap year.
 4. To check if the year is a leap year, fulfill the following conditions:
 
    - If the year is divisible by `4`, then it is a leap year.
@@ -34,7 +34,7 @@ You should define a function named `isLeapYear`.
 assert(typeof isLeapYear === 'function');
 ```
 
-The `isLeapYear` funtion should take a number as an argument.
+The `isLeapYear` function should take a number as an argument.
 
 ```js
 assert.match(isLeapYear.toString(), /\s*isLeapYear\(\s*\w+\s*\)/);

curriculum/challenges/chinese-traditional/25-front-end-development/lab-product-landing-page/587d78af367417b2b2512b04.md

@@ -343,7 +343,7 @@ assert(usesFlex || usesFlexMedia)
                     <div class="desc">
                         <h2>Fast Shipping</h2>
                         <p>
-                            We make sure you recieve your trombone as soon as we have
+                            We make sure you receive your trombone as soon as we have
                             finished making it. We also provide free returns if you are not
                             satisfied.
                         </p>

curriculum/challenges/chinese-traditional/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md

@@ -248,7 +248,7 @@ for (let anchor of anchors) {
         <h1>Discover Italy</h1>
         <p>Art, folklore, food, nature, and more. Choose among our wide selection of guided tours and excursions, and live an unforgettable experience exploring Italy.</p>
         <h2>Packages</h2>
-        <p>We offer an extensive range of holiday solutions to accomodate the needs of all our clients. From daily excursions in the most beautiful cities, to thorough tours of hidden villages and medieval towns to discover Italy's lesser-known sides.</p>
+        <p>We offer an extensive range of holiday solutions to accommodate the needs of all our clients. From daily excursions in the most beautiful cities, to thorough tours of hidden villages and medieval towns to discover Italy's lesser-known sides.</p>
         <ul>
             <li><a href="https://www.freecodecamp.org/learn" target="_blank">Group Travels</a></li>
             <li><a href="https://www.freecodecamp.org/learn" target="_blank">Private Tours</a></li>

curriculum/challenges/chinese-traditional/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md

@@ -278,7 +278,7 @@ assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
           </li>
           <li>
             <strong>1953</strong> - crosses a short, sturdy dwarf breed of wheat
-            with a high-yeidling American breed, creating a strain that responds
+            with a high-yielding American breed, creating a strain that responds
             well to fertilizer. It goes on to provide 95% of Mexico's wheat.
           </li>
           <li>

curriculum/challenges/chinese-traditional/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md

@@ -0,0 +1,121 @@
+---
+id: 670803abcb3e980233da4768
+title: What Are Divs and Spans, and When Should You Use Them?
+challengeType: 11
+videoId: nVAaxZ34khk
+dashedName: what-are-divs-and-spans
+---
+
+# --description--
+
+Watch the video and answer the questions below.
+
+# --questions--
+
+## --text--
+
+What type of element is a `div` element?
+
+## --answers--
+
+An inline-level element.
+
+### --feedback--
+
+Think about how a `div` element occupies space.
+
+---
+
+An inline-block element.
+
+### --feedback--
+
+Think about how a `div` element occupies space.
+
+---
+
+A block-inline element.
+
+### --feedback--
+
+Think about how a `div` element occupies space.
+
+---
+
+A block-level element.
+
+## --video-solution--
+
+4
+
+## --text--
+
+What kind of an element is a `span` element?
+
+## --answers--
+
+An inline-level element.
+
+### --feedback--
+
+Focus on how a `span` element behaves within text or other elements.
+
+---
+
+An inline element.
+
+---
+
+A block element.
+
+### --feedback--
+
+Focus on how a `span` element behaves within text or other elements.
+
+---
+
+A block-level element.
+
+### --feedback--
+
+Focus on how a `span` element behaves within text or other elements.
+
+## --video-solution--
+
+2
+
+## --text--
+
+What should you group using a `div` element?
+
+## --answers--
+
+Block-level content and larger sections.
+
+---
+
+Inline texts and smaller sections.
+
+### --feedback--
+
+Think about related and larger content.
+
+---
+
+The whole HTML content.
+
+### --feedback--
+
+Think about related and larger content.
+
+---
+
+A small chuck of text.
+
+### --feedback--
+
+Think about related and larger content.
+
+## --video-solution--
+
+1