I don't know how to use the media

Tell us what’s happening:

the media rule here they didn’t explain how it works.

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 (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:

Where is your code? So we can help easily.

  • {

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

}

That is really close. Remove the semi-colon after the no-preference. And your opening bracket is misplaced:

selector {
  // style goes here
}

So where are the brackets supposed to go?

You’re always going to have an outer set of brackets with media queries. Any rules inside them will have their own set of brackets.