Learn Accessibility by Building a Quiz - Step 67

HTML-CSS
1

It says my code doesn’t pass and that I should have one “@media (prefers-reduced-motion: no-preference)” rule, and I do, but it says my code is wrong and I can’t figure out how to fix it.
My code:

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

Your browser information:

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

Challenge Information:

Learn Accessibility by Building a Quiz - Step 67

2

Hi @beloved1480

You have modified the selector so the tests will not pass.

Reset the step to restore the original code.

Then carefully read the instructions on how to structure an @media at-rule.

Look at the pattern provided and compare it to your code:

@media (feature: value) {
  selector {
    styles
  }
}

in this challenge

  • the feature is prefers-reduced-motion
  • the value is no-preference
  • the selector is *
  • the style is scroll-behavior: smooth;

Happy coding

1 Like
3

Where my mistakes

Screenshot_20240215_170840
Screenshot_20240215_1708402559×1230 212 KB

4

Hi @asilawad9.b

Change the text selector into an asterisk.

For next time, please create your own topic so the forum can assist.

Use the following method to post code to the forum:

  1. On a separate line type three back ticks.
  2. On a separate line paste your code.
  3. On the last line type three back ticks. Here is a single back tick `

Happy coding

1 Like
5

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