---
id: 6143862a5e54455d262c212e
title: Step 3
challengeType: 0
dashedName: step-3
---
# --description--
Within your `body`, create a `main` element. Then in that element, create a `section` with a `class` set to `heading`.
# --hints--
You should have a `main` element.
```js
assert.exists(document.querySelector('main'));
```
Your `main` element should be within your `body` element.
```js
assert(document.querySelector('main')?.parentElement?.localName === 'body');
```
You should have a `section` element.
```js
assert.exists(document.querySelector('section'));
```
Your `section` element should be within your `main` element.
```js
assert(document.querySelector('section')?.parentElement?.localName === 'main');
```
Your `section` element should have the `class` set to `heading`.
```js
assert(document.querySelector('section')?.classList?.contains('heading'));
```
# --seed--
## --seed-contents--
```html
Magazine
--fcc-editable-region--
--fcc-editable-region--
```
```css
```