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

div {
  width: 70%;
  height: 100px;
  margin:  50px auto;
#top {
  background-color: red;
#bottom {
  background-color: blue;
  transform: skewx(24deg);


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

Take a look at the capitalization in the example.

thanks. that worked perfect.