Stuck On Tutorial

Stuck on what I thought would be an easy tutorial. Link Below.

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

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>

What do the failing tests say?

The element with id Bottom should be skewed by 24 degrees along its X-axis.

You skewed it by -24 degrees.

1 Like

Thank you for pointing that out haha. I am a little embarrassed I even posted now. Thanks for your help.

1 Like

It happens to everyone. Sometimes dignity is the price of education. :laughing:

1 Like