Confused as to why code worked but it didnt past test

Tell us what’s happening:
alright so i typed in the “transform: skewx(24deg);” code into the #bottom id and even though it skew the box for some reason it will not pass the test? any ideas?

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/80.0.3987.122 Safari/537.36.

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

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

Take a look at the capitalization in the example.

thanks. that worked perfect.