Learn Accessibility by Building a Quiz - Step 67

HTML-CSS
1

Tell us what’s happening:

hello!

@media (prefers-reduced-motion: no-preference){
  *{
    scroll-behavior: smooth;
  }
}
``` this is my solution and  I tried it a lot to solve but i haven't reach up to the solution, i am not getting now what i should do further........ (you should wrap the existing * rule within the @media rule.) this is the error what i am getting

### Your code so far


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


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

* {
  scroll-behavior: smooth;
}

@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/126.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 67

2

You have duplicated the * selector above the media rule. Delete that and it should pass.

3

Thankyou! I got the mistake.

1 Like