Центровка с помощью transform: translate[18/32]

Для центровки одного блока внутри другого блока обычно используют классический трюк с позиционированием, относительными координатами и отрицательными маргинами.

Этот приём хорошо работает, когда центруемый блок имеет фиксированные размеры, но если его размеры могут изменяться, то возникают проблемы.

С помощью трансформаций можно решить эту проблему и центровать блоки с переменными размерами. Делается это с помощьюtranslate.