chore(curriculum): update asserts in workshop magazine steps 64-69 (#61338)

Signed-off-by: jaypatelr97 <jay.patel11@infosys.com>
This commit is contained in:
jaypatelr97
2025-07-15 00:31:55 +05:30
committed by GitHub
parent 4bed405425
commit 68663bef54
6 changed files with 10 additions and 10 deletions
@@ -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--
@@ -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--
@@ -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--
@@ -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--
@@ -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--
@@ -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--