---
id: 5d822fd413a79914d39e98e6
title: Passo 30
challengeType: 0
dashedName: step-30
---
# --description--
Insira seis elementos `div` dentro de `.foreground-buildings` e dê a eles as classes de `fb1` a `fb6`, nessa ordem. "fb" significa "construção em primeiro plano". Serão mais seis edifícios para o primeiro plano.
# --hints--
Você deve criar uma nova `div` com a classe `fb1`.
```js
assert.exists(document.querySelector('div.fb1'));
```
Você deve criar uma nova `div` com a classe `fb2`.
```js
assert.exists(document.querySelector('div.fb2'));
```
Você deve criar uma nova `div` com a classe `fb3`.
```js
assert.exists(document.querySelector('div.fb3'));
```
Você deve criar uma nova `div` com a classe `fb4`.
```js
assert.exists(document.querySelector('div.fb4'));
```
Você deve criar uma `div` com a classe `fb5`.
```js
assert.exists(document.querySelector('div.fb5'));
```
Você deve criar uma `div` com a classe `fb6`.
```js
assert.exists(document.querySelector('div.fb6'));
```
Você deve colocar esses novos elementos `div` dentro do elemento `.foreground-buildings`.
```js
assert.exists(document.querySelector('div.foreground-buildings > div.fb1'));
assert.exists(document.querySelector('div.foreground-buildings > div.fb2'));
assert.exists(document.querySelector('div.foreground-buildings > div.fb3'));
assert.exists(document.querySelector('div.foreground-buildings > div.fb4'));
assert.exists(document.querySelector('div.foreground-buildings > div.fb5'));
assert.exists(document.querySelector('div.foreground-buildings > div.fb6'));
```
Você deve colocar os elementos `div` na ordem correta.
```js
function __t(a, b) {
return [...document.querySelector(a)?.nextElementSibling?.classList]?.includes(b);
}
assert(__t('div.fb1','fb2') && __t('div.fb2','fb3') && __t('div.fb3','fb4') && __t('div.fb4', 'fb5') && __t('div.fb5', 'fb6'));
```
# --seed--
## --seed-contents--
```html
City Skyline