---
id: 6148e41c728f65138addf9cc
title: Step 66
challengeType: 0
dashedName: step-66
---
# --description--
Setting the `scroll-behaviour` to `smooth` is preferred by most users. However, some users find this to be too slow, and prefer to have the scrolling happen instantaneously.
There exists a media rule to set CSS based on the user's browser settings. This media rule is called `prefers-reduced-motion`, and expects one of the following values:
- `reduce`
- `no-preference`
Wrap the appropriate rule within a `prefers-reduced-motion` media rule such that a `scroll-behavior` of `smooth` is only set if the user's browser setting is `no-preference`.
# --hints--
You should have a `@media (prefers-reduced-motion: no-preference)` rule.
```js
assert.exists(new __helpers.CSSHelp(document).getRuleListsWithinMedia('(prefers-reduced-motion: no-preference)'));
```
You should wrap the existing `*` rule within the `@media` rule.
```js
assert.equal(new __helpers.CSSHelp(document).getRuleListsWithinMedia('(prefers-reduced-motion: no-preference)')?.find(x => x.selectorText === '*')?.style?.scrollBehavior, 'smooth');
assert.notExists(new __helpers.CSSHelp(document).getStyle('*'));
```
# --seed--
## --seed-contents--
```html
Accessibility Quiz
