From a5dceb3e7eca37e1c01c6a4acfe8d05aeb801762 Mon Sep 17 00:00:00 2001 From: Mukesh Gurpude <55982424+mukeshgurpude@users.noreply.github.com> Date: Thu, 21 Jan 2021 21:47:16 +0530 Subject: [PATCH] Fixed error when changing the default order of css properties (#40525) * Bug with psoitioning Fixed bug with positioning of background-color` property for Selector `.heart::after` * Trying new changes * Update curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.md Co-authored-by: Nicholas Carrigan (he/him) * Tests passing Check the regex matching at [Regex101](https://regex101.com/r/GU18ds/4) * fixed typo * applied suggestions Co-authored-by: Nicholas Carrigan (he/him) --- .../create-a-more-complex-shape-using-css-and-html.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.md b/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.md index 2b90eb72d6..7574f9464d 100644 --- a/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.md +++ b/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.md @@ -39,8 +39,9 @@ Finally, in the `heart::before` selector, set its `content` property to an empty The `background-color` property of the `heart::after` selector should be pink. ```js +const heartAfter = code.match(/\.heart::after\s*{[\s\S]+?[^\}]}/g)[0]; assert( - code.match(/\.heart::after\s*?{\s*?background-color\s*?:\s*?pink\s*?;/gi) + /({|;)\s*background-color\s*:\s*pink\s*(;|})/g.test(heartAfter) ); ```