Skip to content
This repository was archived by the owner on Sep 25, 2019. It is now read-only.

Commit bc33a03

Browse files
joshallingscissorsneedfoodtoo
authored andcommitted
fix(challenges): fix description in css variable fallback challenge
This commit partially resolves freeCodeCamp/freeCodeCamp#17546
1 parent 77689f4 commit bc33a03

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

challenges/01-responsive-web-design/basic-css.json

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5300,14 +5300,14 @@
53005300
"id": "5a9d7286424fe3d0e10cad13",
53015301
"title": "Attach a Fallback value to a CSS Variable",
53025302
"description": [
5303-
"When using your variable as a CSS property value, you can attach a fallback value that your page will revert to if for some reason it can't get your variable to work.",
5304-
"It could be that someone is using an older browser that hasn't yet adopted CSS Variables, or perhaps their device doesn't support the value you gave the variable. Here's how you do it:",
5303+
"When using your variable as a CSS property value, you can attach a fallback value that your browser will revert to if the given variable is invalid.",
5304+
"<strong>Note:</strong> This fallback is not used to increase browser compatibilty, and it will not work on IE browsers. Rather, it is used so that the browser has a color to display if it cannot find your variable.",
5305+
"Here's how you do it:",
53055306
"<blockquote>background: var(--penguin-skin, black);</blockquote>",
5306-
"This will set background to black if there is a problem with your variable.",
5307+
"This will set background to black if your variable wasn't set.",
53075308
"Note that this can be useful for debugging.",
53085309
"<hr>",
5309-
"Add a fallback value of <code>black</code> to the <code>background</code> property of <code>penguin-top</code> and <code>penguin-bottom</code> classes.",
5310-
"<strong>Note</strong>: The above style will be applied because of a typo in the CSS variable name."
5310+
"It looks there is a problem with the variables supplied to the <code>.penguin-top</code> and <code>.penguin-bottom</code> classes. Rather than fix the typo, add a fallback value of <code>black</code> to the <code>background</code> property of the <code>.penguin-top</code> and <code>.penguin-bottom</code> classes."
53115311
],
53125312
"tests": [
53135313
{

0 commit comments

Comments
 (0)