--- id: 6140883f74224508174794c0 title: Step 10 challengeType: 0 dashedName: step-10 --- # --description-- Fai in modo che l'`header` occupi tutta la larghezza del suo contenitore genitore, imposta la sua `height` a `50px`, e il `background-color` a `#1b1b32`. A questo punto imposta `display` in modo da usare _Flexbox_. # --hints-- Dovresti usare il selettore di elemento `h1`. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('header')); ``` Dovresti dare a `header` una `width` del `100%`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('header')?.width, '100%'); ``` Dovresti dare a `header` un'`height` di `50px`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('header')?.height, '50px'); ``` Dovresti dare a `header` un `background-color` di `#1b1b32`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('header')?.backgroundColor, 'rgb(27, 27, 50)'); ``` Dovresti dare a `header` un `display` di `flex`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('header')?.display, 'flex'); ``` # --seed-- ## --seed-contents-- ```html Accessibility Quiz

HTML/CSS Quiz

``` ```css body { background: #f5f6f7; color: #1b1b32; font-family: Helvetica; margin: 0; } --fcc-editable-region-- --fcc-editable-region-- #logo { width: max(100px, 18vw); background-color: #0a0a23; aspect-ratio: 35 / 4; padding: 0.4rem; } ```