Stuck - Responsive Web Design step 66

Tell us what’s happening:
Hello,
when i write the following code, i get the error:" You should wrap the existing * rule within the @media rule."

Your code so far

  • {
    scroll-behavior: smooth;}

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

  • {
    scroll-behavior: smooth;
    }
    }
    could someone help please ?

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.

* {
  scroll-behavior: smooth;}

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Step 66

Link to the challenge:

1 Like

You have the media query done correctly. Why did you add this before it? It sort of defeats the purpose of the media query, don’t you think?

thank you very much for your help i was stuck at that step.