fix(curriculum): add descriptive hint for skyline project step 22 (#48179)

* docs: added more descriptive hint for skyline project step 22

* docs(curriculum): add descriptive step title

* Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98de.md

Co-authored-by: Krzysztof G. <60067306+gikf@users.noreply.github.com>

Co-authored-by: Mrugesh Mohapatra <1884376+raisedadead@users.noreply.github.com>
Co-authored-by: Krzysztof G. <60067306+gikf@users.noreply.github.com>
This commit is contained in:
Muhammad Ahsan 2022-10-22 18:30:10 +01:00 committed by GitHub
parent 9ab7b2623f
commit 6cc767a3bf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -7,7 +7,7 @@ dashedName: step-22
# --description--
Create a new variable below the other one called `--building-color2` and give it a value of `#66cc99`. Then set it as the `background-color` of `.bb2`.
Create a new variable below your `--building-color1` variable. Name your new variable `--building-color2` and give it a value of `#66cc99`. Then set it as the `background-color` of `.bb2`.
# --hints--
@ -17,7 +17,7 @@ You should define a new property variable called `--building-color2`.
assert.exists(new __helpers.CSSHelp(document).isPropertyUsed('--building-color2'));
```
You should give `--building-color2` a value of `#66cc99`.
You should give `--building-color2` a value of `#66cc99` within the `.bb1` class.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1')?.getPropertyValue('--building-color2').trim(), '#66cc99');