Build a Flappy Penguin - Step 103

HTML-CSS
1

Tell us what’s happening:

I have added the transition property correctly I believe, but the system is telling me it is not correct. I have double checked the syntax many times over, and researched myself to confirm, and I in fact have the right syntax. PLEASE HELP. This might be a bug.

Your code so far

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


/* file: styles.css */
/* User Editable Region */

.penguin {
  width: 300px;
  height: 300px;
  margin: auto;
  margin-top: 75px;
  z-index: 4;
  position: relative;
  transition: 1s ease-in-out 0ms;
}

/* 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/146.0.0.0 Safari/537.36

Challenge Information:

Build a Flappy Penguin - Step 103

2

Welcome to the forum @m.a.r.31998 ,

The hint says, " You should give .penguin a transition-property of transform , but found all" so you should add that.

Happy coding!

1 Like
3

Maybe this page too will help you find the solution. Just look at the examples there.

1 Like
4

Thank you both for the reply, I appreciate the help! I am new to coding and eager to learn and transition into a new career in software development. God bless.

1 Like