Dont SKEW this xD

Hi guys! here is my code. Really amazed of this sessions but it seems that i got a trouble here with “skew” the “bottom”. Why it doesn`t appears me this code as correct even when i make it? :thinking:

Your code so far


<style>
div {
  width: 70%;
  height: 100px;
  margin:  50px auto;
}
#top {
  background-color: red;
}
#bottom {
  background-color: blue;
  transform: skewX(-24deg);
}
</style>

<div id="top"></div>
<div id="bottom"></div>

Your browser information:

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

Challenge: Use the CSS Transform Property skewX to Skew an Element Along the X-Axis

Link to the challenge:

Hello~!

The challenge instructions ask you to skew the div by 24 degrees, while your code currently skews the div by -24 degrees. :slight_smile:

1 Like

Ok!! i am realizing that, thanks A-LOT :ok_hand:t2:

1 Like