What am i dong wrong

Tell us what’s happening:

please can someone point out what i did wrong on this code , because it kept showing error whenever i submit it .
i have watched the video and it was the same thing i did,
is there anyone else facing the same problem?

Your code so far


<style>
div {
  width: 70%;
  height: 100px;
  margin: 50px auto;
}
#top {
  transform: skewy(-10deg);
  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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36.

Challenge: Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis

Link to the challenge:

You need a capital Y.

2 Likes

thanks a lot,
changing the case to a capital Y really worked
i never knew that letter case can effect html 5 or is this a unique case?

1 Like

Your code is actually correct (outside FCC).

Based on my own mini test on Codepen, the all lowercase skewy should work.

It’s probably because FCC’s assertion for the challenge only allow skewY and not other variants like skewy :

  - text: The element with id <code>top</code> should be skewed by -10 degrees along its Y-axis.
    testString: assert(code.match(/#top\s*?{\s*?.*?\s*?transform:\s*?skewY\(-10deg\);/g))
1 Like

i will suggest that is supposed to be a mistake form the code and not from the students.

1 Like