Здравствуйте, моя проблема заключается в том, что оранжевый треугольник не совпадает с образцом. На первый взгляд не видно, но если посмотреть через вкладку “Наложение”, то можно увидеть странное несоответствие с двух сторон, обрывающееся на половине длины.
html,
body {
width: 550px;
height: 310px;
margin: 0;
padding: 0;
}
.part-green {
transform: translateX(15px) rotate(90deg);
}
.part-maroon {
transform: translateY(-125px) rotate(180deg);
}
.part-orange {
transform: translateX(105px) translateY(160px) rotate(270deg) scale(2);
}
.part-red {
transform: translateY(-100px) translate(175px) skew(-45deg);
}
.part-yellow {
transform: translateX(40px) rotate(90deg);
}
.part-blue {
transform: translateX(-120px) translateY(-80px) skew(-45deg);
}