Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis 11

[Baleni123]

I need assistance with my code please, I am trying to Skew the element with the id of top (-10 degrees) along the Y-axis by using the transform property ?

@Moloisane

  **Your code so far**

<style>
div {
  width: 70%;
  height: 100px;
  margin: 50px auto;
}
#top {
  background-color: red;
transform: skewx(-10deg);
}
#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/100.0.4896.60 Safari/537.36 Edg/100.0.1185.29

Challenge: Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis

Link to the challenge:

freeCodeCamp.org

[bgb]

Hello @Baleni123 ,

I think you have a little typo there. Go ahead and check that if you wrote skewY() or skeX().
Also don’t forget to skew it as requested. In your case it should be -10 degrees.

[Baleni123]

Thank you soo much @bgb , i changed skewX to skewY, it works perfectly

[bgb]

No problem. Keep on pushing! @Baleni123