---
id: 61993b72e874e709b8dfd666
title: Step 30
challengeType: 0
dashedName: step-30
---
# --description--
Target the `.penguin-head` element, and give it a `width` half of its parent's, and a `height` of `45%`. Then, set the `background` to a linear gradient at `45deg` starting at `gray`, and ending at `rgb(239, 240, 228)`.
# --hints--
You should use the `.penguin-head` selector.
```js
assert.match(code, /\.penguin-head\s*\{/);
```
You should give `.penguin-head` a `width` of `50%`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-head')?.width, '50%');
```
You should give `.penguin-head` a `height` of `45%`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-head')?.height, '45%');
```
You should give `.penguin-head` a `background` of `linear-gradient(45deg, gray, rgb(239, 240, 228))`.
```js
assert.include(['linear-gradient(45deg,gray,rgb(239,240,228))', 'rgba(0,0,0,0)linear-gradient(45deg,gray,rgb(239,240,228))repeatscroll0%0%'], new __helpers.CSSHelp(document).getStyle('.penguin-head')?.getPropVal('background', true));
```
# --seed--
## --seed-contents--
```html
Penguin