--- id: 612eb4893b63c75bb9251ddf title: Step 22 challengeType: 0 dashedName: step-22 --- # --description-- Imposta lo stile del logo creando un selettore `.logo`. Imposta `width` a `200px`, `position` su `absolute` e `top` a `23px`. # --hints-- Dovresti avere un selettore `.logo`. ```js assert(new __helpers.CSSHelp(document).getStyle('.logo')); ``` Il selettore `.logo` dovrebbe avere una proprietà `width` impostata su `200px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.logo')?.width === '200px'); ``` Il selettore `.logo` dovrebbe avere una `position` proprietà impostata su `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.logo')?.position === 'absolute'); ``` Il selettore `.logo` dovrebbe avere una proprietà `top` impostata su `23px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.logo')?.top === '23px'); ``` # --seed-- ## --seed-contents-- ```html Piano
``` ```css html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } #piano { background-color: #00471b; width: 992px; height: 290px; margin: 80px auto; padding: 90px 20px 0 20px; } .keys { background-color: #040404; width: 949px; height: 180px; padding-left: 2px; } .key { background-color: #ffffff; position: relative; width: 41px; height: 175px; margin: 2px; float: left; } .key.black--key::after { background-color: #1d1e22; content: ""; position: absolute; left: -18px; width: 32px; height: 100px; } --fcc-editable-region-- --fcc-editable-region-- ```