Learn Accessibility by Building a Quiz - Step 67

HTML-CSS
1

Tell us what’s happening:

l realy dont understand what to do please help me

Your code so far

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


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

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

/* 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 OPR/114.0.0.0

Challenge Information:

Learn Accessibility by Building a Quiz - Step 67

2

you created this so that the selector above with the rule is applied only if the user doesn’t have the rule selected in their browser. But for the selector to be applied only at that time it needs to go inside the media rule

1 Like