---
id: 5d822fd413a79914d39e98dd
title: Part 21
challengeType: 0
---
## 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.
## Instructions
## Tests
```yml
tests:
- text: test-text
testString: 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]);
```
## Challenge Seed
```html
freeCodeCamp Skyline Project
```
## Solution
```html
freeCodeCamp Skyline Project
```