--- id: 5d822fd413a79914d39e98dc title: Part 20 challengeType: 0 --- ## Description
The buildings are stacked on top of each other and running off the screen. Let's fix that. Add the properties `display: flex;`, `align-items: flex-end;`, and `justify-content: space-evenly;` to the `background-buildings` class. This will use Flexbox again to evenly space the buildings across the bottom of the element.
## Instructions
## Tests
```yml tests: - text: test-text testString: const bb = $(".background-buildings"); assert(bb.css("display") === "flex" && bb.css("align-items") === "flex-end" && bb.css("justify-content") === "space-evenly"); ```
## Challenge Seed
```html freeCodeCamp Skyline Project
```
## Solution
```html freeCodeCamp Skyline Project
```