Learn Accessibility by Building a Quiz - Step 66

The task is saying: Wrap the style rule that sets scroll-behavior: smooth within an @media at-rule with the media feature prefers-reduced-motion having no-preference set as the value.

Hint: You should wrap the existing * rule within the @media rule.

I feel like I have tried every scenario and I am obviously missing something. Please help!

Your code so far

@media (prefers-reduced-motion: no-preference) {
* {
scroll-behavior: smooth;
}
}

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Link to the challenge:

Your solution works for me. Please try one of the following steps to move forward.

  • Click on the “Restart Step” button and force a refresh of your page with CTRL-F5 then try to paste the code in again.

  • or - Try the step in incognito or private mode

  • or - Try a different browser or disable browser extensions that may interfere with the test.

We hope one of these will work for you.

@hbar1st I decided to delete the initial rule that is above this rule (not shown in my post) and it worked. I’m so mad at myself that it took this long to figure it out.