---
id: 5d822fd413a79914d39e98e8
title: Part 32
challengeType: 0
dashedName: part-32
---
# --description--
Add the same `display`, `align-items`, and `justify-content` properties and values to `foreground-buildings` that you used on `background-buildings`. Again, this will use Flexbox to evenly space the buildings across the bottom of their container.
# --hints--
You should give `.foreground-buildings` a `display` property of `flex`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.foreground-buildings')?.display, 'flex');
```
You should give `.foreground-buildings` an `align-items` property of `flex-end`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.foreground-buildings')?.alignItems, 'flex-end');
```
You should give `.foreground-buildings` a `justify-content` property of `space-evenly`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.foreground-buildings')?.justifyContent, 'space-evenly');
```
# --seed--
## --seed-contents--
```html