Please tell me what is wrong in my coding

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

  **Your code so far**

div {
  width: 70%;
  height: 100px;
  margin: 50px auto;
#top {
  background-color: red;
  tranform: skewY(-10deg);

#bottom {
  background-color: blue;
  transform: skewX(24deg);

<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:


You did some typo-error there.

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

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