---
id: 61fda339eadcfd92a6812bed
title: Step 30
challengeType: 0
dashedName: step-30
---
# --description--
Before you get too far into your styling, you should make use of the `sr-only` class. You can use CSS to make elements with this class completely hidden from the visual page, but still be announced by screen readers.
The CSS you are about to write is a common set of properties used to ensure elements are completely hidden visually.
The `span[class~="sr-only"]` selector will select any `span` element whose `class` *includes* `sr-only`. Create that selector, and give it a `border` property set to `0`.
# --hints--
You should have an `span[class~="sr-only"]` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]'));
```
Your `span[class~="sr-only"]` selector should have a `border` property set to `0`.
```js
assert(new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.getPropertyValue('border-width') === '0px');
```
# --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.
$50
$50
$75
Total Liabilities
$750
$600
$475
Net Worth
2019
2020
2021
Total Net Worth
$-171
$136
$334
```
```css
--fcc-editable-region--
--fcc-editable-region--
html {
box-sizing: border-box;
}
body {
font-family: sans-serif;
color: #0a0a23;
}
```