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) <nhcarrigan@gmail.com>

* 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) <nhcarrigan@gmail.com>
This commit is contained in:
Mukesh Gurpude
2021-01-21 21:47:16 +05:30
committed by GitHub
parent 7fef673f93
commit a5dceb3e7e

View File

@ -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)
);
```