Learn Accessibility by Building a Quiz - Step 67

HTML-CSS
1

Tell us what’s happening:

I’m not sure why this isn’t correct, I did what the instructions said.

Your code so far

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


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

* {
  scroll-behavior: smooth;

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

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 67

2

you were meant to wrap these lines of code in a media query

3

@media (scroll-behavior: smooth){

prefers-reduced-motion: no-preference;

scroll-behavior: smooth;

}

I did this, it’s still not working. I’m not sure why

4

please click the Reset button.
This will restore the original code.
After that, you are asked to take the code that is already there which looks like this:

* {
  scroll-behavior: smooth;
}

and put these lines into a media query. (so these lines will not change, but you will add a new line of code above them for the media query and a closing parenthesis below them)

1 Like