Correct Code but not accepted

The answer I gave is right but it wont be submitted :
I did the right code to make the ball fade by adding an instruction in CSS to make the opacity 0.1, which is correct answer, yet the platform refuses my answer and I get no errors to correct, anyone else had this issue ?

  **Your code so far**


#ball {
  width: 70px;
  height: 70px;
  margin: 50px auto;
  position: fixed;
  left: 20%;
  border-radius: 50%;
  background: linear-gradient(
  animation-name: fade;
  animation-duration: 3s;

@keyframes fade {
  50% {
    left: 60%;




<div id="ball"></div>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.85 Safari/537.36.

Challenge: Create Visual Direction by Fading an Element from Left to Right

Link to the challenge:

Are you using a dark-mode extension? Those extensions work by changing your CSS, which interferes with the test suite.
With the CSS challenges it is important to disable all browser extensions that modify your CSS, such as dark mode extensions. freeCodeCamp does have a native dark mode you can enable in your settings.

Thank you for your reply, I actually don’t use such extention, I tried to submit wrong answers to other tests I didn’t yet get to through the course yet the tester seems irresponsive.

I should have mentioned that your code does pass when I put it in.

You can try clearing your browser cache and resetting the lesson.
If that doesn’t work try using a different browser.

I think the problem is in an extention I had for blocking ads, although I had it running since the beginning of the course, the issue started just now, I deactivated it and the tester came back to functioning correctly, I also restarted the browser, which is chrome in my case.

1 Like

I appreciate your assistance!
thank you

1 Like

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