--- id: 6153897c27f6334716ee5abe title: Step 10 challengeType: 0 dashedName: step-10 --- # --description-- Align your `.header` text in the center, give it a padding of `32px` on all sides, and set the background to `#E0DDDD`. # --hints-- You should have a `.header` selector. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('.header')); ``` Your `.header` selector should have a `text-align` property set to `center`. ```js assert(new __helpers.CSSHelp(document).getStyle('.header')?.textAlign === 'center'); ``` Your `.header` selector should have a `padding` property set to `32px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.header')?.padding === '32px'); ``` Your `.header` selector should have a `background-color` property set to `#E0DDDD`. ```js assert(new __helpers.CSSHelp(document).getStyle('.header')?.backgroundColor === 'rgb(224, 221, 221)'); ``` # --seed-- ## --seed-contents-- ```html Photo Gallery

CSS FLEXBOX PHOTO GALLERY

``` ```css * { box-sizing: border-box; } body { margin: 0; font-family: Arial; background: #EBE7E7; } --fcc-editable-region-- --fcc-editable-region-- #gallery img { width: 25%; height: 300px; } ```