diff --git a/challenges/01-responsive-web-design/basic-css.json b/challenges/01-responsive-web-design/basic-css.json index fbc8bfbb9..9bddbd323 100644 --- a/challenges/01-responsive-web-design/basic-css.json +++ b/challenges/01-responsive-web-design/basic-css.json @@ -5296,20 +5296,21 @@ "This will set background to black if there is a problem with your variable.", "Note that this can be useful for debugging.", "
black
to the background
property of penguin-top
and penguin-bottom
classes. This style will be applied because of a typo in the variable name."
+ "Add a fallback value of black
to the background
property of penguin-top
and penguin-bottom
classes.",
+ "Note: The above style will be applied because of a typo in the CSS variable name."
],
"tests": [
{
"text":
"Apply the fallback value of black
to the background
property of the penguin-top
class.",
"testString":
- "assert(code.match(/.penguin-top\\s*?{[\\s\\S]*background\\s*?:\\s*?var\\(\\s*?--penguin-skin\\s*?,\\s*?black\\s*?\\)\\s*?;[\\s\\S]*}[\\s\\S]*.penguin-bottom\\s{/gi), 'Apply the fallback value of black
to the background
property of the penguin-top
class.');"
+ "assert(code.match(/.penguin-top\\s*?{[\\s\\S]*background\\s*?:\\s*?var\\(\\s*?--pengiun-skin\\s*?,\\s*?black\\s*?\\)\\s*?;[\\s\\S]*}[\\s\\S]*.penguin-bottom\\s{/gi), 'Apply the fallback value of black
to the background
property of the penguin-top
class.');"
},
{
"text":
"Apply the fallback value of black
to the background
property of the penguin-bottom
class.",
"testString":
- "assert(code.match(/.penguin-bottom\\s*?{[\\s\\S]*background\\s*?:\\s*?var\\(\\s*?--penguin-skin\\s*?,\\s*?black\\s*?\\)\\s*?;[\\s\\S]*}/gi), 'Apply the fallback value of black
to the background
property of the penguin-bottom
class.');"
+ "assert(code.match(/.penguin-bottom\\s*?{[\\s\\S]*background\\s*?:\\s*?var\\(\\s*?--pengiun-skin\\s*?,\\s*?black\\s*?\\)\\s*?;[\\s\\S]*}/gi), 'Apply the fallback value of black
to the background
property of the penguin-bottom
class.');"
}
],
"solutions": [],
@@ -5341,7 +5342,7 @@
" left: 25%;",
" ",
" /* change code below */",
- " background: var(--penguin-skin);",
+ " background: var(--pengiun-skin);",
" /* change code above */",
" ",
" width: 50%;",
@@ -5354,7 +5355,7 @@
" left: 23.5%;",
" ",
" /* change code below */",
- " background: var(--penguin-skin);",
+ " background: var(--pengiun-skin);",
" /* change code above */",
" ",
" width: 53%;",