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

chore(curriculum): replace asserts of magazine workshop steps 49-57 (#61322)

Browse Source 
Co-authored-by: Anna <a.rcottrill521@gmail.com>
This commit is contained in:
Gary Yeung
2025-07-14 17:25:59 +08:00
committed by GitHub
parent f0035603b4
commit 9a1f4ca4ae
7 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,19 +14,19 @@ Create a `.social-icons` selector. Give it a `display` property set to `grid`, a
You should have a `.social-icons` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('.social-icons'));
assert.exists(new __helpers.CSSHelp(document).getStyle('.social-icons'));
```
Your `.social-icons` selector should have a `display` property set to `grid`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.display === 'grid');
assert.equal(new __helpers.CSSHelp(document).getStyle('.social-icons')?.display, 'grid');
```
Your `.social-icons` selector should have a `font-size` property set to `3rem`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.fontSize === '3rem');
assert.equal(new __helpers.CSSHelp(document).getStyle('.social-icons')?.fontSize, '3rem');
```
# --seed--

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

@@ -16,7 +16,7 @@ You can override this with the `grid-auto-columns` property. Give the `.social-i
Your `.social-icons` selector should have a `grid-auto-columns` property set to `1fr`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.gridAutoColumns === '1fr');
assert.equal(new __helpers.CSSHelp(document).getStyle('.social-icons')?.gridAutoColumns, '1fr');
```
# --seed--

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

@@ -16,7 +16,7 @@ Give the `.social-icons` selector an `align-items` property set to `center`.
Your `.social-icons` selector should have an `align-items` property set to `center`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.alignItems === 'center');
assert.equal(new __helpers.CSSHelp(document).getStyle('.social-icons')?.alignItems, 'center');
```
# --seed--

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

@@ -14,13 +14,13 @@ Give the `.text` selector a `font-size` property set to `1.8rem` and a `letter-s
Your `.text` selector should have a `font-size` property set to `1.8rem`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.text')?.fontSize === '1.8rem');
assert.equal(new __helpers.CSSHelp(document).getStyle('.text')?.fontSize, '1.8rem');
```
Your `.text` selector should have a `letter-spacing` property set to `0.6px`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.text')?.letterSpacing === '0.6px');
assert.equal(new __helpers.CSSHelp(document).getStyle('.text')?.letterSpacing, '0.6px');
```
# --seed--

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

@@ -16,7 +16,7 @@ Give your `.text` selector a `column-width` property set to `25rem`.
Your `.text` selector should have a `column-width` property set to `25rem`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.text')?.columnWidth === '25rem');
assert.equal(new __helpers.CSSHelp(document).getStyle('.text')?.columnWidth, '25rem');
```
# --seed--

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

@@ -16,7 +16,7 @@ To make your project look like a printed magazine, give the `.text` selector a `
Your `.text` selector should have a `text-align` property set to `justify`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.text')?.textAlign === 'justify');
assert.equal(new __helpers.CSSHelp(document).getStyle('.text')?.textAlign, 'justify');
```
# --seed--

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

@@ -16,19 +16,19 @@ Create a `.first-paragraph::first-letter` selector and set the `font-size` prope
You should have a `.first-paragraph::first-letter` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('.first-paragraph::first-letter'));
assert.exists(new __helpers.CSSHelp(document).getStyle('.first-paragraph::first-letter'));
```
Your `.first-paragraph::first-letter` selector should have a `font-size` property set to `6rem`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.first-paragraph::first-letter')?.fontSize === '6rem');
assert.equal(new __helpers.CSSHelp(document).getStyle('.first-paragraph::first-letter')?.fontSize, '6rem');
```
Your `.first-paragraph::first-letter` selector should have a `color` property set to `orangered`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.first-paragraph::first-letter')?.color === 'orangered');
assert.equal(new __helpers.CSSHelp(document).getStyle('.first-paragraph::first-letter')?.color, 'orangered');
```
# --seed--