mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-13 16:04:36 -04:00
fix(curriculum): improve wording for Crowdin compatibility (#60087)
Co-authored-by: Ting Chiu <ting.chiu.int@shopback.com>
This commit is contained in:
@@ -40,7 +40,7 @@ A:B {
|
||||
|
||||
To better understand how to style the different link states, let's take a look at some examples.
|
||||
|
||||
The `:link` `pseudo-class` styles unvisited links, indicating that they are clickable.
|
||||
The `:link` pseudo-class styles unvisited links, indicating that they are clickable.
|
||||
|
||||
Here is an example of targeting an anchor element and using the `:link` pseudo-class:
|
||||
|
||||
|
||||
@@ -9,7 +9,7 @@ dashedName: step-32
|
||||
|
||||
The flavors and prices are currently stacked on top of each other and centered with their respective `p` elements. It would be nice if the flavor was on the left and the price was on the right.
|
||||
|
||||
Add the class name `flavor` to the `French Vanilla` `p` element.
|
||||
Add the class name `flavor` to the `French Vanilla` element.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@@ -11,7 +11,7 @@ dashedName: step-13
|
||||
|
||||
Change the value of the `position` property of `.cat-head` to `sticky`, set `top` to `0`, then remove `left` and its value.
|
||||
|
||||
**Note**: To see how `sticky` works, you have to place a couple of texts before and after your `.cat-head` `div` element. If you scroll down after that, you'll see that the `.cat-head` gets stuck to the top and remains there.
|
||||
**Note**: To see how `sticky` works, you have to place a couple of texts before and after your `.cat-head` element. If you scroll down after that, you'll see that the `.cat-head` gets stuck to the top and remains there.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@@ -9,7 +9,7 @@ dashedName: step-9
|
||||
|
||||
Now that you've got one marker centered with color, it's time to add the other markers.
|
||||
|
||||
In the `container` `div`, add two more `div` elements and give them each a class of `marker`.
|
||||
In the `.container` element, add two more `div` elements and give them each a class of `marker`.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@@ -11,7 +11,7 @@ Add the class `two` to the second marker `div` and the class `three` to the thir
|
||||
|
||||
# --hints--
|
||||
|
||||
You should add the class `two` to the second marker `div` element in the `container` `div`.
|
||||
You should add the class `two` to the second marker `div` element in the `.container` element.
|
||||
|
||||
```js
|
||||
const containerSecondChild = [...document.querySelector('.container')?.children][1];
|
||||
@@ -26,7 +26,7 @@ assert.isTrue(containerSecondChild?.classList?.contains('marker'));
|
||||
assert.isTrue(containerSecondChild.classList?.contains('two'));
|
||||
```
|
||||
|
||||
You should add the class `three` to the third marker `div` element in the `container` `div`.
|
||||
You should add the class `three` to the third marker `div` element in the `.container` element.
|
||||
|
||||
```js
|
||||
const containerThirdChild = [...document.querySelector('.container')?.children][2];
|
||||
|
||||
Reference in New Issue
Block a user