---
id: 619c155df0063a0a3fec0e32
title: Step 45
challengeType: 0
dashedName: step-45
---
# --description--
Give the `.face` elements a `width` of `60%`, a `height` of `70%`, and a `background-color` of `white`.
# --hints--
You should use the `.face` selector.
```js
assert.match(code, /\.face\s*\{/);
```
You should give `.face` a `width` property.
```js
assert.notEmpty(new __helpers.CSSHelp(document).getStyle('.face')?.width);
```
You should give `.face` a `width` of `--fcc-expected--`, but found `--fcc-actual--`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.face')?.width, '60%');
```
You should give `.face` a `height` property.
```js
assert.notEmpty(new __helpers.CSSHelp(document).getStyle('.face')?.height);
```
You should give `.face` a `height` of `--fcc-expected--`, but found `--fcc-actual--`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.face')?.height, '70%');
```
You should give `.face` a `background-color` property.
```js
assert.notEmpty(new __helpers.CSSHelp(document).getStyle('.face')?.backgroundColor);
```
You should give `.face` a `background-color` of `--fcc-expected--`, but found `--fcc-actual--`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.face')?.backgroundColor, 'white');
```
# --seed--
## --seed-contents--
```html