gitadmin/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-28 18:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(curriculum): check only margin-left is set (#55584)

Browse Source
This commit is contained in:
Lasse Jørgensen
2024-07-30 21:30:46 +02:00
committed by GitHub
parent a5c79026e0
commit daedc7ed51
2 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md
+10 -3
View File
@@ -14,13 +14,20 @@ Create a new `.indent` selector and give it a `margin-left` property set to `1em
You should have a new `.indent` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('.indent'));
assert.isNotNull(new __helpers.CSSHelp(document).getStyle('.indent'));
```
Your new `.indent` selector should have a `margin-left` property set to `1em`.
Your `.indent` selector should have a `margin-left` property set to `1em`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.indent')?.marginLeft === '1em');
assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.indent')?.marginLeft, '1em');
```
Your `.indent` selector should only set the `margin-left` property, not other margin properties.
```js
const { marginTop, marginRight, marginBottom } = new __helpers.CSSHelp(document).getStyle('.indent') ?? {};
assert.isTrue([marginTop, marginRight, marginBottom].every(prop => prop === ''));
```
# --seed--
curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md
+9 -2
View File
@@ -14,13 +14,20 @@ Create a `.double-indent` selector and give it a left margin of `2em`.
You should have a new `.double-indent` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('.double-indent'));
assert.isNotNull(new __helpers.CSSHelp(document).getStyle('.double-indent'));
```
Your `.double-indent` selector should have a `margin-left` property set to `2em`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.double-indent')?.marginLeft === '2em');
assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.double-indent')?.marginLeft, '2em');
```
Your `.double-indent` selector should only set the `margin-left` property, not other margin properties.
```js
const { marginTop, marginRight, marginBottom } = new __helpers.CSSHelp(document).getStyle('.double-indent') ?? {};
assert.isTrue([marginTop, marginRight, marginBottom].every(prop => prop === ''));
```
# --seed--