Learn Accessibility by Building a Quiz - Step 67

HTML-CSS
1

Tell us what’s happening:

I have tried everything, even followed the order of what is required and as it is suggested. how is this wrong?

@media (prefers-reduced-motion:no-preference){

  • {
    scroll-behavior:smooth;
    }
    }

Your code so far

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


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

@media (prefers-reduced-motion:no-preference){
  html {
    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/132.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 67

2

you changed the selector here, I don’t thin you were supposed to do that

3

i did change it back to * as well, and it still doesnt work with that too.

4

show that code please
I made that change from your code and it passed

5

Tell us what’s happening:

not working! no idea why! i even changed it now! i am not able to understand the issue

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/132.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 67

6

I have merged your two topics, please do not open multiple topics for the same challenge

7

Your code passes, you may have changed something else

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

this is the code i changed it to, and it still doesnt pass at the final step. sorry for the duplicate entry in help section.

9

As I said, your code passes, you may have changed something else

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

10

Hi, reset the step and add your code again.
Good luck!

1 Like