Learn Accessibility by Building a Quiz - Step 67

HTML-CSS
1

I keep getting the error/hint: “You should have one @media (prefers-reduced-motion: no-preference) rule.” but I’ve checked so many times and that’s exactly what I have written. Unsure why it’s coming up wrong.

This step/prompt
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 on this part

@media (prefers-reduced-motion: no-preference) {{

scroll-behavior: smooth;}}

Link to the challenge:

2

It looks like you accidentally removed the selector from the original ruleset. If you format your CSS a little nicer you have:

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

Do you see that the ruleset inside of the media query doesn’t have a selector? You can restart the step to get the original CSS back and then wrap it with the media query as you have done here.

3

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

4

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

6

Hi there.

Please stop posting solutions on the forum in response to people asking for help.
You can post hints and tips or suggestions instead.

7

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