diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md index 5877e7de8b9..36be7b4049e 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md @@ -14,13 +14,20 @@ Create a new `.indent` selector and give it a `margin-left` property set to `1em You should have a new `.indent` selector. ```js -assert(new __helpers.CSSHelp(document).getStyle('.indent')); +assert.isNotNull(new __helpers.CSSHelp(document).getStyle('.indent')); ``` -Your new `.indent` selector should have a `margin-left` property set to `1em`. +Your `.indent` selector should have a `margin-left` property set to `1em`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.indent')?.marginLeft === '1em'); +assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.indent')?.marginLeft, '1em'); +``` + +Your `.indent` selector should only set the `margin-left` property, not other margin properties. + +```js +const { marginTop, marginRight, marginBottom } = new __helpers.CSSHelp(document).getStyle('.indent') ?? {}; +assert.isTrue([marginTop, marginRight, marginBottom].every(prop => prop === '')); ``` # --seed-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md index 370fd147adf..0dc35820454 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md @@ -14,13 +14,20 @@ Create a `.double-indent` selector and give it a left margin of `2em`. You should have a new `.double-indent` selector. ```js -assert(new __helpers.CSSHelp(document).getStyle('.double-indent')); +assert.isNotNull(new __helpers.CSSHelp(document).getStyle('.double-indent')); ``` Your `.double-indent` selector should have a `margin-left` property set to `2em`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.double-indent')?.marginLeft === '2em'); +assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.double-indent')?.marginLeft, '2em'); +``` + +Your `.double-indent` selector should only set the `margin-left` property, not other margin properties. + +```js +const { marginTop, marginRight, marginBottom } = new __helpers.CSSHelp(document).getStyle('.double-indent') ?? {}; +assert.isTrue([marginTop, marginRight, marginBottom].every(prop => prop === '')); ``` # --seed--