---
id: 620159cd5431aa34bc6a4c9c
title: Step 36
challengeType: 0
dashedName: step-36
---
# --description--
Target your flex container with an `h1 .flex` selector. Give it a `display` property set to `flex` to enable the flexbox layout. Then set the `flex-direction` property to `column-reverse` - this will display the nested elements from bottom to top. Finally, set the `gap` property to `1rem` to create some space between the elements.
# --hints--
You should have an `h1 .flex` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('h1 .flex'));
```
Your `h1 .flex` selector should have a `display` property set to `flex`.
```js
assert(new __helpers.CSSHelp(document).getStyle('h1 .flex')?.getPropertyValue('display') === 'flex');
```
Your `h1 .flex` selector should have a `flex-direction` property set to `column-reverse`.
```js
assert(new __helpers.CSSHelp(document).getStyle('h1 .flex')?.getPropertyValue('flex-direction') === 'column-reverse');
```
Your `h1 .flex` selector should have a `gap` property set to `1rem`.
```js
assert(new __helpers.CSSHelp(document).getStyle('h1 .flex')?.getPropertyValue('gap') === '1rem');
```
# --seed--
## --seed-contents--
```html
Balance Sheet
AcmeWidgetCorpBalance Sheet
201920202021
Assets
2019
2020
2021
Cash This is the cash we currently have on hand.
$25
$30
$28
Checking Our primary transactional account.
$54
$56
$53
Savings Funds set aside for emergencies.
$500
$650
$728
Total Assets
$579
$736
$809
Liabilities
2019
2020
2021
Loans The outstanding balance on our startup loan.
$500
$250
$0
Expenses Annual anticipated expenses, such as payroll.
$200
$300
$400
Credit The outstanding balance on our credit card.