Applied Visual Design Run Test Issue

The test won’t acknowledge my code. It is definitely correct. I’ve looked at it about 100x. I can’t move forward. It keeps telling me to do what I’ve done.

Your code so far


<style>

 .balls {
   border-radius: 50%;
   background: linear-gradient(
     35deg,
     #ccffff,
     #ffcccc
   );
   position: fixed;
   width: 50px;
   height: 50px;
   margin-top: 50px;
   animation-name: bounce;
   animation-duration: 2s;
   animation-iteration-count: infinite;
 }
#ball1 {
   left:27%;
   animation-timing-function: linear;
 }
 #ball2 {
   left:56%;
   animation-timing-function: ease-out;
 }

 @keyframes bounce {
   0% {
     top: 0px;
   }
   100% {
     top: 249px;
   }


</style>

<div class="balls" id="ball1"></div>
<div class="balls" id="ball2"></div>

Your browser information:

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

Challenge: Change Animation Timing with Keywords

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/change-animation-timing-with-keywords

There is currently a known bug on Edge browsers that will be fixed soon. If you are currently using an Edge browser, you can use Chrome, Firefox or latest Safari browser and pass with the code you posted.

Thank you. I’ll download Chrome.

you can always move forward, go to the list of challenges and click on the next one

You can also move around the challenges by hitting the Esc key and clicking n for next challenge and p for previous challenge to move around faster.