diff --git a/pages/css/components/navigation.md b/pages/css/components/navigation.md index 91baed24..22d9a09c 100644 --- a/pages/css/components/navigation.md +++ b/pages/css/components/navigation.md @@ -169,7 +169,7 @@ Use `.UnderlineNav--full` in combination with container styles and `.UnderlineNa ## Side Nav -The Side Nav is a vertical list of navigational links, typically used on the left side of a page. **Width and placement must be set by you.** For example by using our grid columns or by applying an inline `width`. +The Side Nav is a vertical list of navigational links, typically used on the left side of a page. For maximum flexibility, **Side Nav elements have no default width or positioning**. We suggest using [column grid](../../objects/grid) classes or an inline `width` style for sizing, and [flexbox utilities](../../utilities/flexbox) for positioning alongside content. - You can use a **light gray background** and a **border** if the parent element doesn't have it already. - To add a "selected" state use `aria-current="page"`. If it should act more like a "tab menu" with button elements, use `aria-selected="true"` instead.