2022-10-15 08:52:49 +00:00
---
id: 6140883f74224508174794c0
2022-10-18 07:29:49 +00:00
title: Schritt 10
2022-10-15 08:52:49 +00:00
challengeType: 0
dashedName: step-10
---
# --description--
2022-10-18 07:29:49 +00:00
Lass den `header` die volle Breite seines übergeordneten Containers annehmen, setze die `height` auf `50px` , und setze die `background-color` auf `#1b1b32` . Then, set the `display` to use _Flexbox_ .
2022-10-15 08:52:49 +00:00
# --hints--
You should use the `header` element selector.
```js
assert.exists(new __helpers.CSSHelp(document).getStyle('header'));
```
2022-10-18 07:29:49 +00:00
Du solltest dem `header` eine `width` von `100%` geben.
2022-10-15 08:52:49 +00:00
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('header')?.width, '100%');
```
2022-10-18 07:29:49 +00:00
Du solltest dem `header` eine `height` von `50px` geben.
2022-10-15 08:52:49 +00:00
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('header')?.height, '50px');
```
2022-10-18 07:29:49 +00:00
Du solltest `header` eine `background-color` von `#1b1b32` geben.
2022-10-15 08:52:49 +00:00
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('header')?.backgroundColor, 'rgb(27, 27, 50)');
```
2022-10-18 07:29:49 +00:00
Du solltest dem `header` ein `display` von `flex` geben.
2022-10-15 08:52:49 +00:00
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('header')?.display, 'flex');
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
< meta name = "description" content = "freeCodeCamp Accessibility Quiz practice project" / >
< title > Accessibility Quiz< / title >
< link rel = "stylesheet" href = "styles.css" / >
< / head >
< body >
< header >
< img id = "logo" src = "https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" >
< h1 > HTML/CSS Quiz< / h1 >
< nav > < / nav >
< / header >
< main > < / main >
< / body >
< / html >
```
```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;
}
```
