--- id: 60b69a66b6ddb80858c51594 title: Step 30 challengeType: 0 dashedName: step-30 --- # --description-- Move the dots into place by setting the `display` to `block`, the `margin` to `auto`, and the `margin-top` to `65%`. # --hints-- Your `.black-dot` selector should have a `display` property set to `block`. ```js assert(new __helpers.CSSHelp(document).getStyle('.black-dot')?.display === 'block'); ``` Your `.black-dot` selector should have a `margin` property set to `auto`. ```js assert(new __helpers.CSSHelp(document).getStyle('.black-dot')?.margin?.includes('auto')); ``` Your `.black-dot` selector should have a `margin-top` property set to `65%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.black-dot')?.marginTop === '65%'); ``` # --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%; } #white-hat { width: 0; height: 0; border-style: solid; border-width: 0 120px 140px 180px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: GhostWhite; border-left-color: transparent; position: absolute; top: -140px; left: 0; } #black-mask { width: 100%; height: 50px; background-color: rgb(45, 31, 19); position: absolute; top: 0; left: 0; z-index: 1; } #gray-instrument { width: 15%; height: 40%; background-color: rgb(167, 162, 117); position: absolute; top: 50px; left: 125px; z-index: 1; } .black-dot { width: 10px; height: 10px; background-color: rgb(45, 31, 19); border-radius: 50%; --fcc-editable-region-- --fcc-editable-region-- } ```