Learn Accessibility by Building a Quiz - Step 66

Hello, it’s me again :smiley:
So last step and I can’t get through.

I tried:

* {
  @media prefers-reduced-motion {
  scroll-behavior: smooth;
  }
}

But then I get error message: " You should wrap the existing * rule within the @media rule."

I’ve tried googling “wrapping existing rule into another rule” but then it shows results for display: wrap command. Can someone help me pass this?

Hi @Spychu1993 !

Here is a good article on CSS tricks

As for the challenge, you have some syntax issues.

The first issue is that the current * rule should be in the @ media query.
You also need to add the no-preference for the @ media

I think the article will help with the syntax issues.

Hope that helps!

You know, I was like “oh God, do I have to read it…?”
And hell yes I had to.

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

That works! Thank you!

2 Likes

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