13/32 Финальная битва (elp)

Курсы §22. Двумерные трансформации
1

Что я неправильно делаю?
.wizard {
top: 244px;
left: 30px;
}

.doppelganger {
visibility: visible;
transform: scaleX(-1);
}

.diamond {
transform: translate(-210px, -208px) scale(.6, -.6);
}

.world {
min-width: 570px;
}

2

.diamond {
transform: translate(-210px, -210px) scale(-.6);
}

scale(-0.6) меняет все

3

Последнюю, третью задачу выполнили?

4 
.wizard {
top: 244px;
left: 30px;
}

.doppelganger {
visibility: visible;
transform: scaleX(-1);
}

.diamond {
transform: translate(-210px, -210px) scale(-0.6);
}

.world {
min-width: 570px;
}

Задачка до сих пор засчитывается только таким образом. Изначально делала иначе с кристаллом, вроде бы тоже верно, но не засчитывалось (п.с. если кто-то знает почему, отпишитесь, буду рада узнать):

.wizard {
top: 244px;
left: 30px;
}

.doppelganger {
visibility: visible;
transform: scaleX(-1);
}

.diamond {
transform: rotate(180deg) scale(0.6, 0.6);
left: 290px;
top: 75px;
}

.world {
min-width: 570px;
}
5

При изменении кристалла сначала сделал перенос, а потом изменил размер и осуществил ротацию. Хотя решение верное, сервер не валидирует код.

Screenshot (71)|690x335