Learn Accessibility by Building a Quiz - Step 66

Tell us what’s happening:
Can someone please help me with this step?

The instruction: 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.

Your code so far

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

Replace these two sentences with your copied code.
Please leave the line above and the line below,
because they allow your code to properly format in the post.

**Your browser information:**

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

**Challenge:**  Learn Accessibility by Building a Quiz - Step 66

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-accessibility-by-building-a-quiz/step-66

you should still use the * selector within your media rule

1 Like

Thanks Joe! This worked!

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

1 Like