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:

8

hi @karinac.telles

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge. How to Help Someone with Their Code Using the Socratic Method

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.