Need help on step 23 on building a Penguin in HTML/CSS

HTML-CSS
1

Hello I need help on building a Penguin lesson, it shows my code is not right but I look on forum here and cannot spot the difference please point out whats wrong with my code thank you!

The instructions were :Rotate the .back-mountain element by 45deg clockwise. Then, give it a left property of 110px , and a top property of 225px .

Link to project instruction below:https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-transforms-by-building-a-penguin/step-23

back-mountain {
  width: 300px;
  height: 300px;
  background: linear-gradient(rgb(203, 241, 228), rgb(47, 170, 255));
  position: absolute;
  z-index: 1;
  transform:(45deg);
  left: 110px;
  top: 225px;

}
2

You need to use the rotate function like the directions say. Just using transform isnt going to do anything

" Rotate the .back-mountain element by 45deg clockwise. Then, give it a left property of 110px , and a top property of 225px ."

You can look at this

3

You are very close. Just look at @Cody_Biggs Guide. Welldone!

4

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