Hello, it’s me again
So last step and I can’t get through.
I tried:
* {
@media prefers-reduced-motion {
scroll-behavior: smooth;
}
}
But then I get error message: " You should wrap the existing *
rule within the @media
rule."
I’ve tried googling “wrapping existing rule into another rule” but then it shows results for display: wrap command. Can someone help me pass this?
Hi @Spychu1993 !
Here is a good article on CSS tricks
As for the challenge, you have some syntax issues.
The first issue is that the current * rule should be in the @ media
query.
You also need to add the no-preference for the @ media
I think the article will help with the syntax issues.
Hope that helps!
You know, I was like “oh God, do I have to read it…?”
And hell yes I had to.
@media (prefers-reduced-motion: no-preference) {
* {
scroll-behavior: smooth;
}
}
That works! Thank you!
2 Likes
system
Closed
4
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.