Learn Accessibility by Building a Quiz - Step 67

Tell us what’s happening:

I don’t understand why my @media rule is not working:

Your code so far

<!-- file: index.html -->

/* file: styles.css */
/* User Editable Region */

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

/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn Accessibility by Building a Quiz - Step 67

This is working code.

I think the problem may be somewhere else. Its possible when editing for you to delete code above and below the editable region.

I’d suggest a refresh then to try again with the same solution.

hinter “smooth” fehlt ein Zeichen
A character is missing after “smooth”

Thank you, yes there were some problems in the surrounding code - I fixed it and it worked!

1 Like