--- id: 6193febd52ffb76345956072 title: Step 37 challengeType: 0 dashedName: step-37 --- # --description-- The rows on your sheet are difficult to read. You'll need to create some visual distinction to help your readers understand the document flow. Start by giving your `.row` selector a `border-bottom` property set to `1px solid #0a0a23`. # --hints-- Your `.row` selector should have a `border-bottom` property set to `1px solid #0a0a23`. ```js assert(new __helpers.CSSHelp(document).getStyle('.row')?.borderBottom === '1px solid rgb(10, 10, 35)'); ``` # --seed-- ## --seed-contents-- ```html AcmeWidgetCorp Balance Sheet

Assets

Cash $25 $30 $28

This is the cash we currently have on hand.

Checking $54 $56 $53

Our primary transactional account.

Savings $500 $650 $728

Funds set aside for emergencies.

Total $579 $736 $809

Liabilities

Loans $500 $250 $0

The outstanding balance on our startup loan.

Expenses $200 $300 $400

Annual anticipated expenses, such as payroll.

Credit $50 $50 $75

The running balance on our line of credit.

Total $750 $600 $475

Net Worth

Total $-171 $136 $334

``` ```css body { text-align: center; font-family: Tahoma; color: #0a0a23; } #sheet { text-align: left; max-width: 500px; margin: auto; padding: 10px; border: 2px solid #d0d0d5; } #header h2 { font-size: 1.3em; } --fcc-editable-region-- .row { display: flex; justify-content: flex-end; } --fcc-editable-region-- span:not(.name) { margin-left: 10px; min-width: 15%; text-align: right; } span[class="current"] { font-style: italic; } .name { width: 100%; text-align: left; } ```