---
id: 60a3e3396c7b40068ad69974
title: Step 11
challengeType: 0
dashedName: step-11
---
# --description--
Every painting needs a frame.
Wrap the `.canvas` element in another `div`. Give that `div` the `frame` class.
# --hints--
You should add a new `div` element.
```js
assert(document.querySelectorAll('div').length === 2)
```
Your `.canvas` element should be nested in the new `div` element.
```js
assert(document.querySelector('.canvas').parentElement.tagName === 'DIV');
```
Your new `div` should have a `class` with the value `frame`.
```js
assert(document.querySelector('div').className.split(' ').includes('frame'));
```
Your new `div` should be within your `body` element.
```js
assert(document.querySelector('div').parentElement.tagName === 'BODY');
```
# --seed--
## --seed-contents--
```css
.canvas {
width: 500px;
height: 600px;
background-color: #4d0f00;
}
```
```html
Rothko Painting
--fcc-editable-region--