---
id: 61993b72e874e709b8dfd666
title: Step 30
challengeType: 0
dashedName: step-30
---
# --description--
Seleziona l'elemento `.penguin-head` e dagli una proprietà `width` della metà di quella del suo genitore e una proprietà `height` del `45%`. Quindi, imposta `background` su un gradiente lineare a `45deg` che parte da `gray` e termina con `rgb(239, 240, 228)`.
# --hints--
Dovresti usare il selettore `.penguin-head`.
```js
assert.match(code, /\.penguin-head\s*\{/);
```
Dovresti dare all'elemento `.penguin-head` una proprietà `width` del `50%`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-head')?.width, '50%');
```
Dovresti dare all'elemento `.penguin-head` una proprietà `height` del `45%`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.penguin-head')?.height, '45%');
```
Dovresti dare all'elemento `.penguin-head` una proprietà `background` con il valore `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