Learn Accessibility by Building a Quiz - Step 67

HTML-CSS
1

Tell us what’s happening:

I am trying to fix the it requires only one @media rule. The problem is I did exactly as i was told.
i added the @media rule and put the style inside . but it’s not working.
@media (prefers-reduced-motion: no-preference) {

  • {
    scroll-behavior: smooth;
    }
    }

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/128.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 67

2

Hello there and welcome back to the forum.

Your code passes on my side, but since you only shared what is in the editable region, there could be a mistake outside of the user editable region.
If no mistake is found there, than disable any pop-ups, clear cache or clear browser history.