конкретный случай использования центрирования div по горизонтали

Question

Я центрирую div в случае, когда я использую сетку css.

Соответствующий код в скрипте: https://jsfiddle.net/flamant/nfs509rw/24/

  <div class="position3 horizontal-center">

 .horizontal-center {
    margin: 0;
    left: 50%;
    -ms-transform: translate(-25%, -0%);
    transform: translate(-25%, -0%);
  }

Обычно, во всех случаях использования, чтобы центрировать div, я должен применить

 .horizontal-center {
    margin: 0;
    left: 50%;
    -ms-transform: translate(-50%, -0%);
    transform: translate(-50%, -0%);
  }

Почему я должен использовать значение -25% вместо -50%?