Learn Accessibility by Building a Quiz - Step 67

Tell us what’s happening:

Error message: You should have one @media (prefers-reduced-motion: no-preference) rule.

*** {Code so far}

 scroll-behavior: smooth;

@media scroll-behavior { 
  prefers-reduced-motion: no-preference;

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 67

Link to the challenge:

1 Like

Look at the example in the instructions again:

@media (feature: value) {

In this step, the media feature is prefers-reduced-motion and the value is no-preference.

I think I am getting confused with the “how to wrap” part of this…

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



You should have:

@media (prefers-reduced-motion: no-preference) {
  here goes the * selector and its property and value, 
  given by default in this challenge (copy all and paste it here)

Reset the step, and do it all again.


Thank you. I figured it out with your assistance!

1 Like

That worked, thank you so much for your help!

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.