---
id: 619d090cd8d6db0c93dc5087
title: Step 56
challengeType: 0
dashedName: step-56
---
# --description--
Below the `.chin` element, add two `div` elements each with a `class` of `eye`. Also, give the first `.eye` element a `class` of `left`, and the second `.eye` element a `class` of `right`.
# --hints--
You should add two `div` elements within `.penguin-head`. Expected `--fcc-expected--` `div` elements, found `--fcc-actual--`.
```js
assert.equal(document.querySelectorAll('.penguin-head > div')?.length, 5);
```
You should give the first new `div` a `class` of `eye`.
```js
assert.exists(document.querySelector('.penguin-head > div.eye'));
```
You should give the second new `div` a `class` of `eye`.
```js
assert.equal(document.querySelectorAll('.penguin-head > div.eye')?.length, 2);
```
You should give the first new `div` a `class` of `left`.
```js
assert.exists(document.querySelector('.penguin-head > div.eye.left'));
```
You should give the second new `div` a `class` of `right`.
```js
assert.exists(document.querySelector('.penguin-head > div.eye.right'));
```
You should place `div.eye.left` after `div.chin`.
```js
assert.exists(document.querySelector('.chin + .eye.left'));
```
You should place `div.eye.right` after `div.eye.left`.
```js
assert.exists(document.querySelector('.eye.left + .eye.right'));
```
# --seed--
## --seed-contents--
```html
Penguin