---
id: 6197cff995d03905b0cca8ad
title: Step 28
challengeType: 0
dashedName: step-28
---
# --description--
Your penguin will consist of two main sections: the head, and the body.
Within `.penguin`, add two new `div` elements. The first with a `class` of `penguin-head`, and the second with a `class` of `penguin-body`.
# --hints--
You should add two new `div` elements to `.penguin`. Expected `--fcc-expected--` `.penguin > div` elements, but found `--fcc-actual--`.
```js
assert.equal(document.querySelectorAll('.penguin > div')?.length, 2);
```
You should give the first `div` a `class` of `penguin-head`.
```js
assert.include(document.querySelector('.penguin > div:nth-of-type(1)')?.className, 'penguin-head');
```
You should give the second `div` a `class` of `penguin-body`.
```js
assert.include(document.querySelector('.penguin > div:nth-of-type(2)')?.className, 'penguin-body');
```
# --seed--
## --seed-contents--
```html
Penguin
--fcc-editable-region--