---
id: 6140883f74224508174794c0
title: Step 10
challengeType: 0
dashedName: step-10
---
# --description--
Fai in modo che l'elemento `header` occupi tutta la larghezza del suo elemento genitore, imposta la sua proprietà `height` a `50px` e il `background-color` a `#1b1b32`. A questo punto imposta la proprietà `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 al selettore `header` una proprietà `width` del `100%`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('header')?.width, '100%');
```
Dovresti dare al selettore `header` una proprietà `height` di `50px`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('header')?.height, '50px');
```
Dovresti dare al selettore `header` una proprietà `background-color` di `#1b1b32`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('header')?.backgroundColor, 'rgb(27, 27, 50)');
```
Dovresti dare al selettore `header` una proprietà `display` con il valore `flex`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('header')?.display, 'flex');
```
# --seed--
## --seed-contents--
```html
Accessibility Quiz
