diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537c5f81f0cf325b4a854c.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537c5f81f0cf325b4a854c.md new file mode 100644 index 00000000000..edc13bd1b15 --- /dev/null +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537c5f81f0cf325b4a854c.md @@ -0,0 +1,62 @@ +--- +id: 61537c5f81f0cf325b4a854c +title: 步驟 4 +challengeType: 0 +dashedName: step-4 +--- + +# --description-- + +在 `body` 元素中，創建一個 `class` 設置爲 `header` 的 `div` 。 + +在 `.header` 元素內嵌套一個帶有文本 `CSS FLEXBOX PHOTO GALLERY` 的 `h1` 元素。 + +# --hints-- + +你的 `body` 元素中應該有一個 `div` 元素。 + +```js +assert.exists(document.querySelector('body')?.querySelector('div')) +``` + +你的 `div` 元素應該將 `class` 設置爲 `header`。 + +```js +assert(document?.querySelector('body')?.querySelector('div')?.classList?.contains('header')) +``` + +你的 `.header` 元素應該有一個 `h1` 元素。 + +```js +assert.exists(document.querySelector('.header')?.querySelector('h1')); +``` + +你的 `h1` 應該包含文本 `CSS FLEXBOX PHOTO GALLERY`。 請記住，大小寫很重要。 + +```js +assert(document?.querySelector('.header')?.querySelector('h1')?.innerText === 'CSS FLEXBOX PHOTO GALLERY') +``` + +# --seed-- + +## --seed-contents-- + +```html +--fcc-editable-region-- + + + + + + Photo Gallery + + + + + +--fcc-editable-region-- +``` + +```css + +``` diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537c5f81f0cf325b4a854c.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537c5f81f0cf325b4a854c.md new file mode 100644 index 00000000000..c69d6bcfe2b --- /dev/null +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/61537c5f81f0cf325b4a854c.md @@ -0,0 +1,62 @@ +--- +id: 61537c5f81f0cf325b4a854c +title: 步骤 4 +challengeType: 0 +dashedName: step-4 +--- + +# --description-- + +在 `body` 元素中，创建一个 `class` 设置为 `header` 的 `div` 。 + +在 `.header` 元素内嵌套一个带有文本 `CSS FLEXBOX PHOTO GALLERY` 的 `h1` 元素。 + +# --hints-- + +你的 `body` 元素中应该有一个 `div` 元素。 + +```js +assert.exists(document.querySelector('body')?.querySelector('div')) +``` + +你的 `div` 元素应该将 `class` 设置为 `header`。 + +```js +assert(document?.querySelector('body')?.querySelector('div')?.classList?.contains('header')) +``` + +你的 `.header` 元素应该有一个 `h1` 元素。 + +```js +assert.exists(document.querySelector('.header')?.querySelector('h1')); +``` + +你的 `h1` 应该包含文本 `CSS FLEXBOX PHOTO GALLERY`。 请记住，大小写很重要。 + +```js +assert(document?.querySelector('.header')?.querySelector('h1')?.innerText === 'CSS FLEXBOX PHOTO GALLERY') +``` + +# --seed-- + +## --seed-contents-- + +```html +--fcc-editable-region-- + + + + + + Photo Gallery + + + + + +--fcc-editable-region-- +``` + +```css + +``` diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md b/curriculum/challenges/italian/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md index 3f7a7636a76..ffb9ce78779 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md @@ -172,11 +172,11 @@ L'elemento `#navbar` dovrebbe sempre essere in cima al viewport. - + Personal Portfolio - +