jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-04-27 19:00:42 -04:00
Code Issues Projects Releases Wiki Activity

chore(curriculum): update assert methods in workshop magazine steps 70-75 (#61343)

Browse Source 
Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
This commit is contained in:
Shanpreet Dhaliwal
2025-07-25 14:18:14 -04:00
committed by GitHub
parent 18ba06ad3f
commit e301bceb8c
6 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e246146b646cf4255f0c.md
View File

@@ -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--

4
curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e2dcdd60306dd77d41cc.md
View File

@@ -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--

4
curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e4d6861a486f60681f36.md
View File

@@ -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--

2
curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e5a204d99e70343a63e4.md
View File

@@ -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--

2
curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e62a6f768f71c4f04828.md
View File

@@ -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--

4
curriculum/challenges/english/25-front-end-development/workshop-magazine/6148e789329dc9736ce59b85.md
View File

@@ -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--