diff --git a/curriculum/challenges/english/25-front-end-development/workshop-piano/612e89d254fe5d3df7d6693d.md b/curriculum/challenges/english/25-front-end-development/workshop-piano/612e89d254fe5d3df7d6693d.md index 7b9e4dc8c60..fcc5ce5a108 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-piano/612e89d254fe5d3df7d6693d.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-piano/612e89d254fe5d3df7d6693d.md @@ -17,16 +17,28 @@ For now, create a CSS selector to target all elements using `*`, and include the # --hints-- +You should have an `html` selector`. + +```js +assert.exists(new __helpers.CSSHelp(document).getStyle('html')); +``` + +Your `html` selector should have the `box-sizing` property set to `border-box`. + +```js +assert.equal(new __helpers.CSSHelp(document).getStyle('html')?.boxSizing, 'border-box'); +``` + You should have a `*, ::before, ::after` selector. ```js -assert(new __helpers.CSSHelp(document).getStyle('*, ::before, ::after')); +assert.exists(new __helpers.CSSHelp(document).getStyle('*, ::before, ::after')); ``` Your `*, ::before, ::after` selector should have the `box-sizing` property set to `inherit`. ```js -assert(new __helpers.CSSHelp(document).getStyle('*, ::before, ::after')?.boxSizing === 'inherit'); +assert.equal(new __helpers.CSSHelp(document).getStyle('*, ::before, ::after')?.boxSizing, 'inherit'); ``` # --seed--