mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-04-22 04:00:54 -04:00
fix(curriculum): replace p tag with h3 tag (#55738)
This commit is contained in:
@@ -7,20 +7,20 @@ dashedName: step-34
|
||||
|
||||
# --description--
|
||||
|
||||
To prevent unnecessary repetition, target the `before` pseudo-element of the `p` element, and give it a `content` property of `"Question #"`.
|
||||
To prevent unnecessary repetition, target the `before` pseudo-element of the `h3` element, and give it a `content` property of `"Question #"`.
|
||||
|
||||
# --hints--
|
||||
|
||||
You should use the `p::before` selector.
|
||||
You should use the `h3::before` selector.
|
||||
|
||||
```js
|
||||
assert.exists(new __helpers.CSSHelp(document).getStyle('p::before'));
|
||||
assert.exists(new __helpers.CSSHelp(document).getStyle('h3::before'));
|
||||
```
|
||||
|
||||
You should give the `p::before` pseudo-element a `content` property of `"Question #"`.
|
||||
You should give the `h3::before` pseudo-element a `content` property of `"Question #"`.
|
||||
|
||||
```js
|
||||
assert.include(new __helpers.CSSHelp(document).getStyle('p::before')?.content, 'Question #');
|
||||
assert.include(new __helpers.CSSHelp(document).getStyle('h3::before')?.content, 'Question #');
|
||||
```
|
||||
|
||||
# --seed--
|
||||
|
||||
@@ -213,7 +213,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -196,7 +196,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -231,7 +231,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -203,7 +203,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -210,7 +210,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -217,7 +217,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -211,7 +211,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -196,7 +196,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -201,7 +201,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -210,7 +210,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -237,7 +237,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -252,7 +252,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -241,7 +241,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -234,7 +234,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -242,7 +242,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -256,7 +256,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -268,7 +268,7 @@ h2 {
|
||||
border-bottom: 4px solid #dfdfe2;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -240,7 +240,7 @@ h2 {
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -261,7 +261,7 @@ h2 {
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -345,7 +345,7 @@ h2 {
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -267,7 +267,7 @@ input {
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -272,7 +272,7 @@ input {
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -281,7 +281,7 @@ input {
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -304,7 +304,7 @@ input {
|
||||
--fcc-editable-region--
|
||||
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -7,38 +7,38 @@ dashedName: step-59
|
||||
|
||||
# --description--
|
||||
|
||||
Make the paragraph elements appear as a higher priority, with the following CSS properties:
|
||||
Make the `h3` elements appear as a higher priority, with the following CSS properties:
|
||||
|
||||
```css
|
||||
margin-top: 5px;
|
||||
padding-left: 15px;
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
```
|
||||
|
||||
# --hints--
|
||||
|
||||
You should use the `p` element selector.
|
||||
You should use the `h3` element selector.
|
||||
|
||||
```js
|
||||
assert.exists(new __helpers.CSSHelp(document).getStyle('p'));
|
||||
assert.exists(new __helpers.CSSHelp(document).getStyle('h3'));
|
||||
```
|
||||
|
||||
You should give the `p` element a `margin-top` of `5px`.
|
||||
You should give the `h3` element a `margin-top` of `5px`.
|
||||
|
||||
```js
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('p')?.marginTop, '5px');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('h3')?.marginTop, '5px');
|
||||
```
|
||||
|
||||
You should give the `p` element a `padding-left` of `15px`.
|
||||
You should give the `h3` element a `padding-left` of `15px`.
|
||||
|
||||
```js
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('p')?.paddingLeft, '15px');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('h3')?.paddingLeft, '15px');
|
||||
```
|
||||
|
||||
You should give the `p` element a `font-size` of `20px`.
|
||||
You should give the `h3` element a `font-size` of `22px`.
|
||||
|
||||
```js
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('p')?.fontSize, '20px');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('h3')?.fontSize, '22px');
|
||||
```
|
||||
|
||||
# --seed--
|
||||
@@ -297,7 +297,7 @@ input {
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -283,13 +283,13 @@ input {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
h3 {
|
||||
margin-top: 5px;
|
||||
padding-left: 15px;
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -289,13 +289,13 @@ input {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
h3 {
|
||||
margin-top: 5px;
|
||||
padding-left: 15px;
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -321,13 +321,13 @@ input {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
h3 {
|
||||
margin-top: 5px;
|
||||
padding-left: 15px;
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -287,13 +287,13 @@ input {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
h3 {
|
||||
margin-top: 5px;
|
||||
padding-left: 15px;
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -301,13 +301,13 @@ input {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
h3 {
|
||||
margin-top: 5px;
|
||||
padding-left: 15px;
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -299,13 +299,13 @@ input {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
h3 {
|
||||
margin-top: 5px;
|
||||
padding-left: 15px;
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -281,13 +281,13 @@ input {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
h3 {
|
||||
margin-top: 5px;
|
||||
padding-left: 15px;
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -299,13 +299,13 @@ input {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
h3 {
|
||||
margin-top: 5px;
|
||||
padding-left: 15px;
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
@@ -301,13 +301,13 @@ input {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
h3 {
|
||||
margin-top: 5px;
|
||||
padding-left: 15px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
@@ -624,13 +624,13 @@ input {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
h3 {
|
||||
margin-top: 5px;
|
||||
padding-left: 15px;
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
p::before {
|
||||
h3::before {
|
||||
content: "Question #";
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user