Learn Accessibility by Building a Quiz" step 66

Hi senior friends!
I need help on “Learn Accessibility by Building a Quiz” step 66.
I came up with this

@media (prefers-reduced-motion) {

  • {
    scroll-behavior: smooth;
    }
    }

code after reading some docs but am receiving this message
“You should wrap the existing * rule within the @media rule.”
Please where am i getting it wrong?

4 Likes

Done!
Am so excited!
@media (prefers-reduced-motion: no-preference) {

  • {

scroll-behavior: smooth;

}

}

9 Likes

Good job figuring it out on your own! Happy coding.

2 Likes

Hello

I was stuck in that lesson too and your post saved my day. I’m still trying to understand the @media keyword. Thank you.

1 Like

Wow! Am glad you find my post helpful. You are welcome.

2 Likes

ps that point is in reality a *

Try this, it worked for me :grin::v::

Mod Edit: SOLUTION REMOVED

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.