---
id: 5d822fd413a79914d39e98dd
title: Step 21
challengeType: 0
dashedName: step-21
---
# --description--
Gli edifici sono troppo distanziati. Comprimili aggiungendo due elementi `div` vuoti in cima all'elemento `.background-buildings`, due alla fine e uno tra `.bb3` e `.bb4`. Verranno aggiunti come elementi uniformemente distanziati, spostando efficacemente gli edifici più vicino al centro.
# --hints--
Dovresti aggiungere due nuovi elementi `div` prima dell'elemento `.bb1`.
```js
const bBuildings = document.querySelector('.background-buildings')?.children;
assert(![...bBuildings?.[0]?.classList]?.includes('bb1'));
assert(![...bBuildings?.[1]?.classList]?.includes('bb1'));
```
Dovresti aggiungere un nuovo elemento `div` tra l'elemento `.bb3` e `.bb4`.
```js
assert(document.querySelector('.bb3')?.nextElementSibling === document.querySelector('.bb4')?.previousElementSibling);
```
Dovresti aggiungere due nuovi elementi `div` dopo l'elemento `.bb4`.
```js
const bb4 = document.querySelector('.bb4');
assert.exists(bb4?.nextElementSibling);
assert.exists(bb4?.nextElementSibling?.nextElementSibling);
```
Dovresti aggiungere 5 nuovi elementi `div`.
```js
assert.equal(document.querySelectorAll('div')?.length, 14);
```
# --seed--
## --seed-contents--
```html
City Skyline
--fcc-editable-region--