--- id: 60b69a66b6ddb80858c51587 title: Step 17 challengeType: 0 dashedName: step-17 --- # --description-- Move the `offwhite-character` into place by giving it a `position` of `absolute`, a `top` value of `20%`, and a `left` value of `17.5%`. # --hints-- Your `#offwhite-character` selector should have a `position` property set to `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('#offwhite-character')?.position === 'absolute'); ``` Your `#offwhite-character` selector should have a `top` property set to `20%`. ```js assert(new __helpers.CSSHelp(document).getStyle('#offwhite-character')?.top === '20%'); ``` Your `#offwhite-character` selector should have a `left` property set to `17.5%`. ```js assert(new __helpers.CSSHelp(document).getStyle('#offwhite-character')?.left === '17.5%'); ``` # --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; --fcc-editable-region-- --fcc-editable-region-- } ```