Please tell me what is wrong in my coding

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**


<style>
div {
  width: 70%;
  height: 100px;
  margin: 50px auto;
}
#top {
  background-color: red;
  tranform: skewY(-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 (Linux; Android 10; RMX1911) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Mobile Safari/537.36

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

Link to the challenge:

2

Hello,

You did some typo-error there.

Hope you will find it. Just a letter need to add.

3

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