I think this challenge is broken

Tell us what’s happening:

I have been trying to run this test for about an hour and it keeps telling me that my code is wrong. I checked the video for this challenge and I think I have no mistakes. Please help me.

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 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Safari/605.1.15.

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

Link to the challenge:

1 Like

It’s a matter of capitalization. “k” should be lowercase. I guess CSS doesn’t mind but the test FCC wrote does.

2 Likes

Uppercase and lowercase

wrong
transform: sKewX(24deg);

correct
transform: skewX(24deg);

1 Like

Thank you, that worked.

Thank you, I will pay more attention to that details

Yup, that’s a big part of being a developer.

1 Like