diff --git a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e246146b646cf4255f0c.md b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e246146b646cf4255f0c.md index b1301e408bc..9b3b6c07f29 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e246146b646cf4255f0c.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e246146b646cf4255f0c.md @@ -14,13 +14,13 @@ Create a `.list-title, .list-subtitle` selector and set the `color` property to You should have a `.list-title, .list-subtitle` selector. ```js -assert(new __helpers.CSSHelp(document).getStyle('.list-title, .list-subtitle')) +assert.exists(new __helpers.CSSHelp(document).getStyle('.list-title, .list-subtitle')); ``` Your `.list-title, .list-subtitle` selector should have a `color` property set to `#00beef`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.list-title, .list-subtitle')?.color === 'rgb(0, 190, 239)'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.list-title, .list-subtitle')?.color, 'rgb(0, 190, 239)'); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e2dcdd60306dd77d41cc.md b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e2dcdd60306dd77d41cc.md index 53331e9d99a..402605e84f6 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e2dcdd60306dd77d41cc.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e2dcdd60306dd77d41cc.md @@ -16,13 +16,13 @@ The images are wrapped with an `aside` element using the `image-wrapper` class, You should have an `.image-wrapper` selector. ```js -assert(new __helpers.CSSHelp(document).getStyle('.image-wrapper')); +assert.exists(new __helpers.CSSHelp(document).getStyle('.image-wrapper')); ``` Your `.image-wrapper` selector should have a `display` property set to `grid`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.display === 'grid'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.display, 'grid'); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e4d6861a486f60681f36.md b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e4d6861a486f60681f36.md index dca39f80c3b..2654a368d00 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e4d6861a486f60681f36.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e4d6861a486f60681f36.md @@ -16,13 +16,13 @@ Give the `.image-wrapper` selector a `grid-template-columns` property set to `2f Your `.image-wrapper` selector should have a `grid-template-columns` property set to `2fr 1fr`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.gridTemplateColumns === '2fr 1fr'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.gridTemplateColumns, '2fr 1fr'); ``` Your `.image-wrapper` selector should have a `grid-template-rows` property set to `repeat(3, min-content)`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.gridTemplateRows === 'repeat(3, min-content)'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.gridTemplateRows, 'repeat(3, min-content)'); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e5a204d99e70343a63e4.md b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e5a204d99e70343a63e4.md index 2eb9f7f6be3..4cf837f2684 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e5a204d99e70343a63e4.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e5a204d99e70343a63e4.md @@ -16,7 +16,7 @@ Give the `.image-wrapper` selector a `gap` property set to `2rem`. Your `.image-wrapper` element should have a `gap` property set to `2rem`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.gap === '2rem'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.gap, '2rem'); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e62a6f768f71c4f04828.md b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e62a6f768f71c4f04828.md index df161afe61a..4c93d2117b0 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e62a6f768f71c4f04828.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e62a6f768f71c4f04828.md @@ -16,7 +16,7 @@ Give the `.image-wrapper` selector a `place-items` property set to `center`. Your `.image-wrapper` selector should have a `place-items` property set to `center`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.placeItems === 'center'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.placeItems, 'center'); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e789329dc9736ce59b85.md b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e789329dc9736ce59b85.md index d552c020066..32733f4cdcc 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e789329dc9736ce59b85.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e789329dc9736ce59b85.md @@ -14,13 +14,13 @@ Create an `.image-1, .image-3` rule and give it a `grid-column` property set to You should have an `.image-1, .image-3` selector. ```js -assert(new __helpers.CSSHelp(document).getStyle('.image-1, .image-3')); +assert.exists(new __helpers.CSSHelp(document).getStyle('.image-1, .image-3')); ``` Your `.image-1, .image-3` selector should have a `grid-column` property set to `1 / -1`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.image-1, .image-3')?.gridColumn === '1 / -1'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.image-1, .image-3')?.gridColumn, '1 / -1'); ``` # --seed--