Learn Accessibility by Building a Quiz - Step 67

HTML-CSS
1

Tell us what’s happening:

I don’t understand the instructions. Am I supposed to use the @media rule to nest the scroll-behavior code? Please help me out, thanks.

Your code so far


```css
/* file: styles.css */


* {
  @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/127.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 67

1 Like
2

Reset the lesson back to how it was. You have broken up your original code. Keep that existing line in tact and wrap that in the media rule. The example code shows you how to do it. Also there is no semi colon after “preference”.

2 Likes
3

I understand now. Thank you!

2 Likes