---
id: 5d822fd413a79914d39e98dd
title: Part 21
challengeType: 0
dashedName: part-21
---
# --description--
I don't like how spaced out the buildings are. Squeeze them together by adding two empty `div` elements to the top of the `background-buildings` element, two more at the bottom of it, and one more in between `bb3` and `bb4`. These will be added as things that are spaced evenly across the container, effectively moving the buildings closer to the center.
# --hints--
test-text
```js
const bb = $('.background-buildings').children('div');
assert(
bb.length === 9 &&
bb[2] === $('div.bb1')[0] &&
bb[3] === $('div.bb2')[0] &&
bb[4] === $('div.bb3')[0] &&
bb[6] === $('div.bb4')[0]
);
```
# --seed--
## --seed-contents--
```html
freeCodeCamp Skyline Project
```
# --solutions--
```html
freeCodeCamp Skyline Project
```