How to fix its not working

what’s wrong here

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

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

Link to the challenge:

transform: skewx(24deg);

The letter x should be in uppercase.


transform: skewX(24deg);

Hello buddy,

A sipmple error has happened that is you have used small letter for typing x.

It should be like this

transform: skewX(24deg);

Put skewX instead of skewx.

Thanks that worked