Learn Accessibility by Building a Quiz - Step 67

Tell us what’s happening:

Same lame explanations all the time by freecodecamp… Such a guessing game all the time to try understand what they say. Why not just say things in a easy way/explanation.

Anywaym can anyone help me with this issue? thanks

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 (Macintosh; Intel Mac OS X 10_15_7) 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:

Can you take a minute to explain what your issue is? I did not actually read any question or see any code posted in your first post.

Hint

You should have one @media (prefers-reduced-motion: no-preference) rule.

I get this message, Ive tried 500000000 different combinations… Ive google millions of websites and still doesn’t work. What’s the issue? Always have the same problem with freecodecamp, they’re explanations are so poorly.

1 Like

Can you show the code you have tried to use please?

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

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like

Ive tried 50 more variations … nothing works , because the explanation of what needs to be done is not good written.

1 Like

Ok, thanks… Will do that…

I believe you have these in the wrong order as the @media should be the first line.

The idea here is that the exercise is teaching you how to wrap existing css code into a media rule. (The media rule is the first thing we see and within its block we see all the css that applies within it)

Still not working… ZZZZZZ~~~… so poorly explained by freecodecamp… This quiz, they should reformulate it so people understand…

Can you show me the whole block pls?

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

You are missing one { at the end of the media line. Pls try again and let me know.

Also one } at the bottom too.

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

Ok, i solved it now… Thank you so much for your quick response and help…

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

Just one more missing } at the bottom pls?

1 Like

Thank you… I added it now and it worked… Bless you :wink:

1 Like

We have blurred this solution so that users who have not completed this challenge can read the discussion in this thread without giving away the solution.

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