gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(challenges): fix description in css variable fallback challenge

Browse Source 
This commit partially resolves freeCodeCamp/freeCodeCamp#17546
This commit is contained in:
Josh Alling
2018-08-22 07:17:49 -06:00
committed by Kristofer Koishigawa
parent 77689f42bd
commit bc33a03fc5
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
challenges/01-responsive-web-design/basic-css.json
View File

@ -5300,14 +5300,14 @@
"id": "5a9d7286424fe3d0e10cad13", "id": "5a9d7286424fe3d0e10cad13",
"title": "Attach a Fallback value to a CSS Variable", "title": "Attach a Fallback value to a CSS Variable",
"description": [ "description": [
"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.", "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.",
"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:", "<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.",
"Here's how you do it:",
"<blockquote>background: var(--penguin-skin, black);</blockquote>", "<blockquote>background: var(--penguin-skin, black);</blockquote>",
"This will set background to black if there is a problem with your variable.", "This will set background to black if your variable wasn't set.",
"Note that this can be useful for debugging.", "Note that this can be useful for debugging.",
"<hr>", "<hr>",
"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.", "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."
"<strong>Note</strong>: The above style will be applied because of a typo in the CSS variable name."
], ],
"tests": [ "tests": [
{ {