---
id: 5d822fd413a79914d39e98dc
title: Part 20
challengeType: 0
dashedName: part-20
---
# --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.
# --hints--
test-text
```js
const bb = $('.background-buildings');
assert(
bb.css('display') === 'flex' &&
bb.css('align-items') === 'flex-end' &&
bb.css('justify-content') === 'space-evenly'
);
```
# --seed--
## --seed-contents--
```html
freeCodeCamp Skyline Project
```
# --solutions--
```html
freeCodeCamp Skyline Project
```