Learn Accessibility by Building a Quiz - Step 67

HTML-CSS
1

Tell us what’s happening:
i donot understand what is 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 67

Link to the challenge:

2

Which part you did not understand?

3

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

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

scroll-behavior: smooth;

}

what i m doing wrong in it i m following the instructions

4

Why do you have a dot in front of the @?

Also you are supposed to put the media rule around the existing code without modifying that code at all.

5

Mod edit: solution redacted

6

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

7

*{

scroll-behavior: smooth;

}

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

}

}

still not getting

8

You should wrap the existing * rule within the @media rule.

9

The top part of the code should not be there. Everything from the @media down looks okay though.

10

solved it Thanks for help :grin: :grin: :grin: :grin: :grin: :grin:

1 Like
11

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.