Learn Accessibility by Building a Quiz

The following code does not pass…

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

I’m getting this hint:

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

Can anyone help?

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: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.61 Safari/537.36

Challenge: Step 66

Link to the challenge:

1 Like

Hi @richandamy123

I think your forgot something :wink:, because the @media rule does not select any element.
Check the syntax here, for example:

I hope that helps. Happy coding!

1 Like

Thanks Carlos. I’m really impressed with how friendly and helpful this forum is.

No problem @richandamy123, I am happy to help.

@atdilshan0127 We are a learning site, please guide people to an answer instead of giving them the answer to cut and paste.

Sorry This is my Mistake :pensive:
I understand

1 Like