аботе с изображениями героев или чем-либо в полноэкранном режиме я обычно вижу текст или изображения со следующим битом css:
.item {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
Может кто-нибудь объяснить мне, что на самом деле делает этот код?