Learn CSS Transforms by Building a Penguin - Step 90

HTML-CSS
1

Tell us what’s happening:

how do you do this please help
I’ve usen the “transform-origin” already
how do you do this

Your code so far

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


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

.arm.left {
  top: 35%;
  left: 5%;
  transform-origin: skew(0%, 0%); 
}

.arm.right {
  top: 0%;
  right: -5%;
  transform-origin: skew(0%, 0%);
}

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

Challenge Information:

Learn CSS Transforms by Building a Penguin - Step 90

2

Hi there!

You didn’t need the skew() method. Also pay intention to the instructions.
The instructions is asking you: Within the .arm.left selector, alter the origin of the transform function to be the top left corner of its parent.

You also modified the second selector.

1 Like
3

But How;
I have absolutely no idea

4

Using value top left or 0% 0% for transform origin.

5

Hey Buddy, You almost did it right, but you no need to write skew and brackets.

Just put the simple value 0%, 0%.

2nd thing You no need to use this property in this section.

Hope You Understand.

6

Hello @tomasnguyen2009!

Good attempt!

In his first post, hassznzaib1389 has highlighted the key instructions areas to focus on for this step.
If you use his guidance, the code should pass.

Wishing you good progress on your coding journey. :slightly_smiling_face: