diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33071498eb2472b87ddee4.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33071498eb2472b87ddee4.md index 4fff065c8dd..e10842050c9 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33071498eb2472b87ddee4.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33071498eb2472b87ddee4.md @@ -1,19 +1,19 @@ --- id: 5f33071498eb2472b87ddee4 -title: 第1步： +title: 步驟 1 challengeType: 0 dashedName: step-1 --- # --description-- -之前在Cat Photo App的最後幾個步驟中提過，構建網頁前需要一個基本的結構。 +正如你在 Cat Photo App 的最後幾個步驟中所學習的那樣，開始構建你的網頁需要一個基本結構。 添加 `` 標記和具有值爲 `en` 的 `lang` 屬性的 `html` 元素。 # --hints-- -需要先聲明`DOCTYPE` +需要先聲明 `DOCTYPE`。 ```js assert(code.match(//i)); @@ -25,7 +25,7 @@ assert(code.match(//i)); assert(code.match(//gi)); ``` -需要一個閉合標籤 `` 別忘了閉合標籤的尖括號 `<` 後需要有一個 `/` +你需要一個 `` 結束標籤。 別忘了結束標籤是在開始的 `<` 後有一個 `/`。 ```js assert(code.match(/<\/html>/i)); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332a88dc25a0fd25c7687a.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332a88dc25a0fd25c7687a.md index bbf47583833..12413a16e21 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332a88dc25a0fd25c7687a.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332a88dc25a0fd25c7687a.md @@ -38,7 +38,7 @@ assert($('p')[0].previousElementSibling.tagName === 'H1'); 你的 `p` 元素應該有文本 `Est. 2020`。 ```js -assert(code.match(/

Est. 2020<\/p>/i)); +assert(document.querySelector("p").innerText === "Est. 2020"); ``` # --seed-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47633757ae3469f2d33d2e.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47633757ae3469f2d33d2e.md index 3d896461a60..43c157a2730 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47633757ae3469f2d33d2e.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47633757ae3469f2d33d2e.md @@ -1,13 +1,13 @@ --- id: 5f47633757ae3469f2d33d2e -title: 第46步： +title: 步驟 46 challengeType: 0 dashedName: step-46 --- # --description-- -如果你將頁面預覽的寬度調小，那麼調小的過程中會注意到，左側的一些文本會開始換到下一行 這是因爲左側 `p` 元素的寬度只能佔用 `50%` 的空間。 +如果你將頁面預覽的寬度調小，那麼調小的過程中會注意到，左側的一些文本會開始換到下一行。 這是因爲左側 `p` 元素的寬度只能佔用 `50%` 的空間。 由於你知道右側價格的字符明顯減少，因此將 `flavor` class 的 `width` 值更改爲 `75%`，將 `price` class 的 `width` 值爲更改爲 `25%`。 diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537a8054753e2f1f2a1574.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537a8054753e2f1f2a1574.md index 8da94f9a422..35ef8aa4973 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537a8054753e2f1f2a1574.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537a8054753e2f1f2a1574.md @@ -43,7 +43,7 @@ assert.exists(target); ```html --fcc-editable-region-- - + diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537bb9b1a29430ac15ad38.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537bb9b1a29430ac15ad38.md index 09da9dae81e..3a04f5d9e1b 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537bb9b1a29430ac15ad38.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537bb9b1a29430ac15ad38.md @@ -45,7 +45,7 @@ assert.equal(title?.text?.trim(), 'Photo Gallery'); ```html --fcc-editable-region-- - + diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md index f463eaa3213..246bdebb138 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md @@ -79,7 +79,7 @@ assert(!radioInputElem.previousSibling.nodeValue.match(/Indoor/i)); ```js const radioInputElem = $('input')[0]; assert( - radioInputElem.nextSibling.nodeValue.replace(/\s+/g, ' ').match(/Indoor/i) + radioInputElem.nextSibling.nodeValue.replace(/\s+/g, ' ').match(/\s*Indoor/i) ); ``` diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f05a1d8e233dff4a68508d8.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f05a1d8e233dff4a68508d8.md index 74583aad821..5783c273bff 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f05a1d8e233dff4a68508d8.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f05a1d8e233dff4a68508d8.md @@ -28,7 +28,7 @@ assert( const radioButtons = [...$('input')]; assert( radioButtons.filter((btn) => - btn.nextSibling.nodeValue.replace(/\s+/g, ' ').match(/ Outdoor/i) + btn.nextSibling.nodeValue.replace(/\s+/g, ' ').match(/ *Outdoor/i) ).length ); ``` diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md index 01b0c5e38d7..64c0cac440f 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md @@ -60,7 +60,7 @@ assert([...document.querySelector('html')?.children].some(x => x?.localName === ```html --fcc-editable-region-- - + --fcc-editable-region-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md index fa934650aa3..6200cddfb5d 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md @@ -1,6 +1,6 @@ --- id: 615f951dff9317a900ef683f -title: 第66步： +title: 步驟 66 challengeType: 0 dashedName: step-66 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33071498eb2472b87ddee4.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33071498eb2472b87ddee4.md index 1d3cf2255bb..932e44999a9 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33071498eb2472b87ddee4.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33071498eb2472b87ddee4.md @@ -1,19 +1,19 @@ --- id: 5f33071498eb2472b87ddee4 -title: 第1步： +title: 步骤 1 challengeType: 0 dashedName: step-1 --- # --description-- -之前在Cat Photo App的最后几个步骤中提过，构建网页前需要一个基本的结构。 +正如你在 Cat Photo App 的最后几个步骤中所学习的那样，开始构建你的网页需要一个基本结构。 添加 `` 标记和具有值为 `en` 的 `lang` 属性的 `html` 元素。 # --hints-- -需要先声明`DOCTYPE` +需要先声明 `DOCTYPE`。 ```js assert(code.match(//i)); @@ -25,7 +25,7 @@ assert(code.match(//i)); assert(code.match(//gi)); ``` -需要一个闭合标签 `` 别忘了闭合标签的尖括号 `<` 后需要有一个 `/` +你需要一个 `` 结束标签。 别忘了结束标签是在开始的 `<` 后有一个 `/`。 ```js assert(code.match(/<\/html>/i)); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332a88dc25a0fd25c7687a.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332a88dc25a0fd25c7687a.md index 93e764b306a..738fab36502 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332a88dc25a0fd25c7687a.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332a88dc25a0fd25c7687a.md @@ -38,7 +38,7 @@ assert($('p')[0].previousElementSibling.tagName === 'H1'); 你的 `p` 元素应该有文本 `Est. 2020`。 ```js -assert(code.match(/

Est. 2020<\/p>/i)); +assert(document.querySelector("p").innerText === "Est. 2020"); ``` # --seed-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47633757ae3469f2d33d2e.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47633757ae3469f2d33d2e.md index 6176d3572cb..70c8b508fa5 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47633757ae3469f2d33d2e.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47633757ae3469f2d33d2e.md @@ -1,13 +1,13 @@ --- id: 5f47633757ae3469f2d33d2e -title: 第46步： +title: 步骤 46 challengeType: 0 dashedName: step-46 --- # --description-- -如果你将页面预览的宽度调小，那么调小的过程中会注意到，左侧的一些文本会开始换到下一行 这是因为左侧 `p` 元素的宽度只能占用 `50%` 的空间。 +如果你将页面预览的宽度调小，那么调小的过程中会注意到，左侧的一些文本会开始换到下一行。 这是因为左侧 `p` 元素的宽度只能占用 `50%` 的空间。 由于你知道右侧价格的字符明显减少，因此将 `flavor` class 的 `width` 值更改为 `75%`，将 `price` class 的 `width` 值为更改为 `25%`。 diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537a8054753e2f1f2a1574.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537a8054753e2f1f2a1574.md index fd140cff0af..5112e9ea0f1 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537a8054753e2f1f2a1574.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537a8054753e2f1f2a1574.md @@ -43,7 +43,7 @@ assert.exists(target); ```html --fcc-editable-region-- - + diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537bb9b1a29430ac15ad38.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537bb9b1a29430ac15ad38.md index 780d96c7ba3..6f43ee49a81 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537bb9b1a29430ac15ad38.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537bb9b1a29430ac15ad38.md @@ -45,7 +45,7 @@ assert.equal(title?.text?.trim(), 'Photo Gallery'); ```html --fcc-editable-region-- - + diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md index 14673624275..dc644fc6578 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md @@ -79,7 +79,7 @@ assert(!radioInputElem.previousSibling.nodeValue.match(/Indoor/i)); ```js const radioInputElem = $('input')[0]; assert( - radioInputElem.nextSibling.nodeValue.replace(/\s+/g, ' ').match(/Indoor/i) + radioInputElem.nextSibling.nodeValue.replace(/\s+/g, ' ').match(/\s*Indoor/i) ); ``` diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f05a1d8e233dff4a68508d8.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f05a1d8e233dff4a68508d8.md index 51f89d6a6be..0e99353574a 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f05a1d8e233dff4a68508d8.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f05a1d8e233dff4a68508d8.md @@ -28,7 +28,7 @@ assert( const radioButtons = [...$('input')]; assert( radioButtons.filter((btn) => - btn.nextSibling.nodeValue.replace(/\s+/g, ' ').match(/ Outdoor/i) + btn.nextSibling.nodeValue.replace(/\s+/g, ' ').match(/ *Outdoor/i) ).length ); ``` diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md index 2d7ce75daf0..fcf78c8e57b 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md @@ -60,7 +60,7 @@ assert([...document.querySelector('html')?.children].some(x => x?.localName === ```html --fcc-editable-region-- - + --fcc-editable-region-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md index f7c3eb11af5..0b845c5a991 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md @@ -1,6 +1,6 @@ --- id: 615f951dff9317a900ef683f -title: 第66步： +title: 步骤 66 challengeType: 0 dashedName: step-66 --- diff --git a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.md b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.md index b58b6321510..614a27061da 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.md +++ b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.md @@ -8,7 +8,7 @@ dashedName: build-a-personal-portfolio-webpage # --description-- -**Objetivo:** Crea una aplicación que sea funcionalmente similar a https://personal-portfolio.freecodecamp.rocks +**Objetivo:** Crea una aplicación que sea funcionalmente similar a https://personal-portfolio.freecodecamp.rocks **Historias de Usuario:** @@ -26,7 +26,7 @@ dashedName: build-a-personal-portfolio-webpage Completa las historias de usuario y pase todas las pruebas que están a continuación para completar este proyecto. Dale tu propio estilo personal. ¡Feliz día programando! -**Nota:** Asegúrete de agregar `` en tu HTML para enlazar tu hoja de estilos y aplicar tu CSS +**Nota:** Asegúrate de agregar `` en tu HTML para enlazar tu hoja de estilos y aplicar tu CSS # --hints-- @@ -172,11 +172,11 @@ Tu elemento `#navbar` debe estar siempre en la parte superior del viewport. - + Personal Portfolio - +