```yml
tests:
- text: The element with class first
should have a z-index
value of 2.
- testString: assert($('.first').css('z-index') == '2', 'The element with class first
should have a z-index
value of 2.');
+ testString: assert($('.first').css('z-index') == '2');
```
diff --git a/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.english.md b/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.english.md
index 9adf021886..2d99e93d73 100644
--- a/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.english.md
+++ b/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.english.md
@@ -24,11 +24,11 @@ Manipulate the square element in the editor to create the moon shape. First, cha
```yml
tests:
- text: The value of the background-color
property should be set to transparent
.
- testString: assert(code.match(/background-color:\s*?transparent;/gi), 'The value of the background-color
property should be set to transparent
.');
+ testString: assert(code.match(/background-color:\s*?transparent;/gi));
- text: The value of the border-radius
property should be set to 50%
.
- testString: assert(code.match(/border-radius:\s*?50%;/gi), 'The value of the border-radius
property should be set to 50%
.');
+ testString: assert(code.match(/border-radius:\s*?50%;/gi));
- text: The value of the box-shadow
property should be set to 25px for offset-x
, 10px for offset-y
, 0 for blur-radius
, 0 for spread-radius
, and finally blue for the color.
- testString: assert(code.match(/box-shadow:\s*?25px\s+?10px\s+?0(px)?\s+?0(px)?\s+?blue\s*?;/gi), 'The value of the box-shadow
property should be set to 25px for offset-x
, 10px for offset-y
, 0 for blur-radius
, 0 for spread-radius
, and finally blue for the color.');
+ testString: assert(code.match(/box-shadow:\s*?25px\s+?10px\s+?0(px)?\s+?0(px)?\s+?blue\s*?;/gi));
```
diff --git a/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.english.md b/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.english.md
index 71545b0855..f762ec9eea 100644
--- a/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.english.md
+++ b/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.english.md
@@ -22,9 +22,9 @@ Add an hr
tag underneath the h4
which contains the car
```yml
tests:
- text: Your code should add an hr
tag to the markup.
- testString: assert($('hr').length == 1, 'Your code should add an hr
tag to the markup.');
+ testString: assert($('hr').length == 1);
- text: The hr
tag should come between the title and the paragraph.
- testString: assert(code.match(/<\/h4>\s*?
|\s*?\/>)\s*?/gi), 'The hr
tag should come between the title and the paragraph.');
+ testString: assert(code.match(/<\/h4>\s*?
|\s*?\/>)\s*?/gi));
```
diff --git a/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.english.md b/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.english.md
index c2f28b6cb5..ae59d2e30d 100644
--- a/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.english.md
+++ b/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.english.md
@@ -39,13 +39,13 @@ Finally, in the heart::before
selector, set its content
background-color
property of the