Here is the exercise that I believe is done correctly, but when I click on submit it gives me the following error:
Error: Assign translated class to the div with the text Translate me!.
Exercise (check the last part of the code, that's where the error should be, but it looks correct to me:
<!DOCTYPE html>
<html>
<head>
<title>CSS transform property</title>
<style>
div{
width: 150px;
height: 80px;
margin: 100px;
background-color: #4535aa;
color: white;
}
.rotated
{
transform: rotate(-60deg);
}
.skewed
{
transform: skew(25deg, 45deg);
}
.translated
{
transform: translate(100px);
}
.scaled
{
transform: scale(50%,150%);
}
</style>
</head>
<body>
<div class="rotated">I am rotated</div>
<div class="skewed">I am skewed</div>
<div class="translated">Translate me!</div>
<div class="scaled">Scale me!</div>
</body>
</html>
Any idea why this is happening? did I make a mistake?
Thank you.
