12/32 Расколотый кристалл вопрос о 0.5px


#1
html,

body {
width: 550px;
height: 310px;
margin: 0;
padding: 0;
}

.part-green {
transform:rotate(90deg) translate(-0px,-15px);
}

.part-maroon {
transform:rotate(180deg) translate(0,125px);
}

.part-orange {
transform:rotate(-90deg) scale(2) translate(-80px,52.5px);
}

.part-red {
transform:skewX(-45deg) translate(75px,-100px);
}

.part-yellow {
transform:rotate(90deg) translate(0,-40px);
}

.part-blue {
transform:skewX(-45deg) translate(-200px,-80px);
}

Не первый раз такое встречаю, но тогда вопрос был про паддинги и маргины, все списывал на то, что где-то ошибся, но опять встретился с проблемой уже тут.
Код выдавал 99% пока не сдвинул один из элементов на 0.5px (Оранжевый) Это проблема задания или Chrome для MacOS, что иногда вместо 5px я сдвигаю элементы на 4, 3 или 2.5px чтобы попасть в 100%
Или все таки я криворукий и где-то потерял эту половинку


#2

#3

все, понял