mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-28 18:26:54 +00:00
chore(curriculum): update asserts in workshop magazine steps 64-69 (#61338)
Signed-off-by: jaypatelr97 <jay.patel11@infosys.com>
This commit is contained in:
+2
-2
@@ -16,13 +16,13 @@ Create a `.text-with-images` selector and set the `display` property to `grid`.
|
||||
You should have a `.text-with-images` selector.
|
||||
|
||||
```js
|
||||
assert(new __helpers.CSSHelp(document).getStyle('.text-with-images'));
|
||||
assert.exists(new __helpers.CSSHelp(document).getStyle('.text-with-images'));
|
||||
```
|
||||
|
||||
Your `.text-with-images` selector should have a `display` property set to `grid`.
|
||||
|
||||
```js
|
||||
assert(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.display === 'grid');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.display, 'grid');
|
||||
```
|
||||
|
||||
# --seed--
|
||||
|
||||
+2
-2
@@ -14,13 +14,13 @@ You will need to have a column for text and a column for images. Give the `.text
|
||||
Your `.text-with-images` selector should have a `grid-template-columns` property set to `1fr 2fr`.
|
||||
|
||||
```js
|
||||
assert(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.gridTemplateColumns === '1fr 2fr');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.gridTemplateColumns, '1fr 2fr');
|
||||
```
|
||||
|
||||
Your `.text-with-images` selector should have a `column-gap` property set to `3rem`.
|
||||
|
||||
```js
|
||||
assert(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.columnGap === '3rem');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.columnGap, '3rem');
|
||||
```
|
||||
|
||||
# --seed--
|
||||
|
||||
+1
-1
@@ -14,7 +14,7 @@ Give the `.text-with-images` selector a `margin-bottom` property set to `3rem`.
|
||||
Your `.text-with-images` selector should have a `margin-bottom` property set to `3rem`.
|
||||
|
||||
```js
|
||||
assert(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.marginBottom === '3rem');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.marginBottom, '3rem');
|
||||
```
|
||||
|
||||
# --seed--
|
||||
|
||||
+2
-2
@@ -14,13 +14,13 @@ Create a `.lists` selector and set the `list-style-type` property to `none`. Thi
|
||||
You should have a `.lists` selector.
|
||||
|
||||
```js
|
||||
assert(new __helpers.CSSHelp(document).getStyle('.lists'));
|
||||
assert.exists(new __helpers.CSSHelp(document).getStyle('.lists'));
|
||||
```
|
||||
|
||||
Your `.lists` selector should have a `list-style-type` property set to `none`.
|
||||
|
||||
```js
|
||||
assert(new __helpers.CSSHelp(document).getStyle('.lists')?.listStyleType === 'none');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('.lists')?.listStyleType, 'none');
|
||||
```
|
||||
|
||||
# --seed--
|
||||
|
||||
+1
-1
@@ -14,7 +14,7 @@ Give the `.lists` selector a `margin-top` property set to `2rem`.
|
||||
Your `.lists` selector should have a `margin-top` property set to `2rem`.
|
||||
|
||||
```js
|
||||
assert(new __helpers.CSSHelp(document).getStyle('.lists')?.marginTop === '2rem');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('.lists')?.marginTop, '2rem');
|
||||
```
|
||||
|
||||
# --seed--
|
||||
|
||||
+2
-2
@@ -14,13 +14,13 @@ Create a `.lists li` rule to target the list items within your `.lists` element.
|
||||
You should have a `.lists li` selector.
|
||||
|
||||
```js
|
||||
assert(new __helpers.CSSHelp(document).getStyle('.lists li'));
|
||||
assert.exists(new __helpers.CSSHelp(document).getStyle('.lists li'));
|
||||
```
|
||||
|
||||
Your `.lists li` selector should have a `margin-bottom` property set to `1.5rem`.
|
||||
|
||||
```js
|
||||
assert(new __helpers.CSSHelp(document).getStyle('.lists li')?.marginBottom === '1.5rem');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('.lists li')?.marginBottom, '1.5rem');
|
||||
```
|
||||
|
||||
# --seed--
|
||||
|
||||
Reference in New Issue
Block a user