diff --git a/curriculum/challenges/chinese-traditional/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md b/curriculum/challenges/chinese-traditional/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md index 252050350d..813e52aa00 100644 --- a/curriculum/challenges/chinese-traditional/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md +++ b/curriculum/challenges/chinese-traditional/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md @@ -37,14 +37,14 @@ dashedName: create-a-media-query ```js const media = new __helpers.CSSHelp(document).getCSSRules('media'); -assert(media.some(x => x.conditionText?.includes('(max-height: 800px)'))); +assert(media.some(x => x.media?.mediaText?.includes('(max-height: 800px)'))); ``` 當設備 `height` 小於等於 `800px` 時,`p` 元素的 `font-size` 應爲 `10px`。 ```js const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia('(max-height: 800px)'); -assert(rules?.find(x => x.selectorText === 'p')?.style.fontSize === "10px"); +assert(rules?.find(x => x.selectorText === 'p')?.style?.fontSize === "10px"); ``` 當設備 `height` 大於 `800px` 時,`p` 元素的 `font-size` 應爲 `20px`。 diff --git a/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md index bc0f14aba0..aa15cf7d3a 100644 --- a/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md +++ b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md @@ -37,14 +37,14 @@ dashedName: create-a-media-query ```js const media = new __helpers.CSSHelp(document).getCSSRules('media'); -assert(media.some(x => x.conditionText?.includes('(max-height: 800px)'))); +assert(media.some(x => x.media?.mediaText?.includes('(max-height: 800px)'))); ``` 当设备 `height` 小于等于 `800px` 时,`p` 元素的 `font-size` 应为 `10px`。 ```js const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia('(max-height: 800px)'); -assert(rules?.find(x => x.selectorText === 'p')?.style.fontSize === "10px"); +assert(rules?.find(x => x.selectorText === 'p')?.style?.fontSize === "10px"); ``` 当设备 `height` 大于 `800px` 时,`p` 元素的 `font-size` 应为 `20px`。 diff --git a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md index 7fac9b7096..8bfc62e09a 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md +++ b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md @@ -37,14 +37,14 @@ Debes declarar una consulta `@media` para dispositivos con un `height` menor o i ```js const media = new __helpers.CSSHelp(document).getCSSRules('media'); -assert(media.some(x => x.conditionText?.includes('(max-height: 800px)'))); +assert(media.some(x => x.media?.mediaText?.includes('(max-height: 800px)'))); ``` Tu elemento `p` debe tener un `font-size` de `10px` cuando el `height` del dispositivo sea menor o igual a `800px`. ```js const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia('(max-height: 800px)'); -assert(rules?.find(x => x.selectorText === 'p')?.style.fontSize === "10px"); +assert(rules?.find(x => x.selectorText === 'p')?.style?.fontSize === "10px"); ``` Tu elemento `p` debe tener un `font-size` inicial de `20px` cuando el dispositivo `height` sea superior a `800px`.