--- id: 62fc1ee0c5a89717d4785729 title: Step 12 challengeType: 0 dashedName: step-12 --- # --description-- Give your `#monsterStats` element the same `border` and `padding` as your `#stats` element. Set its color to `white` and give it a `red` background. # --hints-- You should have a `#monsterStats` selector. ```js const monsterStats = new __helpers.CSSHelp(document).getStyle('#monsterStats'); assert.exists(monsterStats); ``` Your `#monsterStats` selector should have a `border` of `1px solid black`. ```js const border = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPropertyValue('border'); assert.equal(border, '1px solid black'); ``` Your `#monsterStats` selector should have `5px` of padding. ```js const padding = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPropertyValue('padding'); assert.equal(padding, '5px'); ``` Your `#monsterStats` selector should have a `color` of `white`. ```js const color = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPropertyValue('color'); assert.equal(color, 'white'); ``` Your `#monsterStats` selector should have a `background-color` of `red`. ```js const background = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPropertyValue('background-color'); assert.equal(background, 'red'); ``` # --seed-- ## --seed-contents-- ```html