I added this code: transform: skewX(24); to the #bottom element but the system does not recognize it as correct. Same prob with previous lesson

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

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

<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/95.0.4638.69 Safari/537.36

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

Link to the challenge:

Hi, you forgot the degrees. So it should look like this : transform: skewX(24deg);

TY, also had duck duck go extension on in Chrome. Turned it off and all seems well now.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.