--- id: 60b69a66b6ddb80858c51588 title: Step 18 challengeType: 0 dashedName: step-18 --- # --description-- Using an `id` selector, style your `white-hat` element. Give it a `width` and `height` of `0`, and a `border-style` of `solid`. # --hints-- You should use a `#white-hat` selector. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-hat')); ``` Your `#white-hat` selector should have a `width` property set to `0`. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.width === '0px'); ``` Your `#white-hat` selector should have a `height` property set to `0`. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.height === '0px'); ``` Your `#white-hat` selector should have a `border-style` property set to `solid`. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.borderStyle === 'solid'); ``` # --seed-- ## --seed-contents-- ```html Picasso Painting
``` ```css body { background-color: rgb(184, 132, 46); } #back-wall { background-color: #8B4513; width: 100%; height: 60%; position: absolute; top: 0; left: 0; z-index: -1; } #offwhite-character { width: 300px; height: 550px; background-color: GhostWhite; position: absolute; top: 20%; left: 17.5%; } --fcc-editable-region-- --fcc-editable-region-- ```