Build a Flappy Penguin - Step 96

Tell us what’s happening:

struggling to write up @keyframes parametres right…

Your code so far

<!-- file: index.html -->

/* file: styles.css */
/* User Editable Region */
    from {top: 10%;}
  to {top: 20%;}
   from {top: 20%;}
  to {top: 30%;}
/* User Editable Region */

Your browser information:

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

Challenge Information:

Build a Flappy Penguin - Step 96

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/workshop-flappy-penguin/619d324f5915c929f36ae91d.md at main · freeCodeCamp/freeCodeCamp · GitHub

you may want to review this lesson for the correct syntax https://www.freecodecamp.org/learn/responsive-web-design-v9/lecture-animations-and-accessibility/what-are-css-animations