Learn Accessibility by Building a Quiz - Step 67

HTML-CSS
1

Tell us what’s happening:

I don’t understand why it’s not working. It keeps asking me to add the rule over and over.

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

Challenge Information:

Learn Accessibility by Building a Quiz - Step 67

2

You have broken up your scroll behaviour code. It is that that you need to wrap inside the media rule. If you reset you will see it again, you need to keep that line in tact.

2 Likes