Don't know how to add @media rule tried many time but didn't work

Tell us what’s happening:

Your code so far

  • {

scroll-behavior: smooth;

}

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

scroll-behavior:auto;

}

**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36 OPR/87.0.4390.45</code>

**Challenge:**  Step 66

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-accessibility-by-building-a-quiz/step-66
1 Like

Hi @monkeyd.luffy5097

I think this links it will help to get better understanding of @media rule and its syntax:

Happy coding!