Learn Accessibility by Building a Quiz - Step 66

Tell us what’s happening:

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 66

Link to the challenge:

You removed your CSS from your post so we can’t see what you did. You’ll need to paste it back in here. To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.

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

  • {
    scroll-behavior:smooth;
    }
    }"

The instructions are asking you to wrap the current rule that sets scroll-behavior to smooth. It appears you have added a second rule that sets scroll behavior to smooth and wrapped that one with a media query.

In other words, there should only be one rule that sets scroll-behavior to smooth and it should be wrapped with the media query.

Also, please read my instructions for pasting code in here carefully. You did not use triple back ticks before and after your code.

I’ve changed it many times and so far I haven’t been able to

Please help me with step 66

I cant figure it out

code below:

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