diff --git a/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.english.md b/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.english.md
index 7e5938d0e1..cda62204bb 100644
--- a/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.english.md
+++ b/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.english.md
@@ -11,12 +11,12 @@ Computer monitors and device screens create different colors by combining amount
Tertiary colors are the result of combining a primary color with one of its secondary color neighbors. For example, within the RGB color model, red (primary) and yellow (secondary) make orange (tertiary). This adds six more colors to a simple color wheel for a total of twelve.
There are various methods of selecting different colors that result in a harmonious combination in design. One example that can use tertiary colors is called the split-complementary color scheme. This scheme starts with a base color, then pairs it with the two colors that are adjacent to its complement. The three colors provide strong visual contrast in a design, but are more subtle than using two complementary colors.
Here are three colors created using the split-complement scheme:
-
Color | Hex Code |
---|
orange | #FF7D00 |
cyan | #00FFFF |
raspberry | #FF007D |
+Color | Hex Code |
---|
orange | #FF7F00 |
cyan | #00FFFF |
raspberry | #FF007F |
## Instructions
-Change the background-color
property of the orange
, cyan
, and raspberry
classes to their respective colors. Make sure to use the hex codes as orange and raspberry are not browser-recognized color names.
+Change the background-color
property of the orange
, cyan
, and raspberry
classes to their respective colors. Make sure to use the hex codes and not the color names.
## Tests
@@ -25,11 +25,13 @@ Change the background-color
property of the orange
, div element with class orange
should have a background-color
of orange.
- testString: assert($('.orange').css('background-color') == 'rgb(255, 125, 0)', 'The div
element with class orange
should have a background-color
of orange.');
+ testString: assert($('.orange').css('background-color') == 'rgb(255, 127, 0)', 'The div
element with class orange
should have a background-color
of orange.');
- text: The div
element with class cyan
should have a background-color
of cyan.
testString: assert($('.cyan').css('background-color') == 'rgb(0, 255, 255)', 'The div
element with class cyan
should have a background-color
of cyan.');
- text: The div
element with class raspberry
should have a background-color
of raspberry.
- testString: assert($('.raspberry').css('background-color') == 'rgb(255, 0, 125)', 'The div
element with class raspberry
should have a background-color
of raspberry.');
+ testString: assert($('.raspberry').css('background-color') == 'rgb(255, 0, 127)', 'The div
element with class raspberry
should have a background-color
of raspberry.');
+ - text: All background-color
values for the color classes should be hex codes and not color names.
+ testString: assert(!/background-color:\s(orange|cyan|raspberry)/.test(code), 'All background-color
values for the color classes should be hex codes and not color names.');
```