---
id: 619d10cc98145f14820399c5
title: Step 67
challengeType: 0
dashedName: step-67
---
# --description--
Sotto l'elemento `.blush.right`, aggiungi due elementi `div` ciascuno con un valore `class` di `beak`. Inoltre, dai al primo elemento `.beak` un valore `class` di `top` e al secondo elemento `.beak` un valore `class` di `bottom`.
# --hints--
Dovresti aggiungere due elementi `div` all'interno di `.penguin-head`. Dovresti avere `--fcc-expected--` elementi `div` invece di `--fcc-actual--`.
```js
assert.equal(document.querySelectorAll('.penguin-head > div')?.length, 9);
```
Dovresti dare al primo nuovo `div` un valore `class` di `beak`.
```js
assert.exists(document.querySelector('.penguin-head > div.beak'));
```
Dovresti dare al secondo nuovo `div` un valore `class` di `beak`.
```js
assert.equal(document.querySelectorAll('.penguin-head > div.beak')?.length, 2);
```
Dovresti dare al primo nuovo `div` un valore `class` di `top`.
```js
assert.exists(document.querySelector('.penguin-head > div.beak.top'));
```
Dovresti dare al secondo nuovo `div` un valore `class` di `bottom`.
```js
assert.exists(document.querySelector('.penguin-head > div.beak.bottom'));
```
Dovresti posizionare `div.beak.top` dopo `div.blush.right`.
```js
assert.exists(document.querySelector('.blush.right + .beak.top'));
```
Dovresti posizionare `div.beak.bottom` dopo `div.beak.top`.
```js
assert.exists(document.querySelector('.beak.top + .beak.bottom'));
```
# --seed--
## --seed-contents--
```html