ba
```yml
tests:
- text: The div
element should have a linear-gradient
background
with the specified direction and colors.
- testString: 'assert(code.match(/background:\s*?linear-gradient\(35deg,\s*?(#CCFFFF|#CFF),\s*?(#FFCCCC|#FCC)\);/gi), "The div
element should have a linear-gradient
background
with the specified direction and colors.");'
+ testString: assert(code.match(/background:\s*?linear-gradient\(35deg,\s*?(#CCFFFF|#CFF),\s*?(#FFCCCC|#FCC)\);/gi), 'The div
element should have a linear-gradient
background
with the specified direction and colors.');
```
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 5254a09ad2..ca402a2fd5 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), 'The value of the background-color
property should be set to transparent
.');
- 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%
.");'
- - 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(/border-radius:\s*?50%;/gi), 'The value of the border-radius
property should be set to 50%
.');
+ - 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.');
```
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 f8118bfa34..1780839137 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, 'Your code should add an hr
tag to the markup.');
- 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), 'The hr
tag should come between the title and the paragraph.');
```
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 bba519af17..f3d66dbbc3 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
@@ -25,14 +25,14 @@ Finally, in the heart::before
selector, set its content
background-color
property of the