CSS Transform Property skewX .Help

Whats wrong in this code

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

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

sorry I did not know about formatting

heres a link to the challenge
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis

Can you add a link to the exercise and format your code?

You can hit preformatted text icon in the editor.

Made the changes. Let me know what you think

Looks like there should be no space between transform property and colon.

Thank you so much. It works now