Flexbox justify-content не работает (странное дополнительное поле справа от детей)

Question

Извините, если это глупый вопрос, но я рву волосы, потому что не понимаю, почему это не работает должным образом.Основы моего кода следующие:

.row {
    border: 2px solid goldenrod;
    display: flex;
    justify-content: center;
}

.one_half {
    width: 50%;
    border: 2px solid green;
}

Теперь, это абсолютно нормально работает на фиктивной странице, но я пытаюсь включить ее в страницу шаблона Wordpress, и по некоторым причинам есть запас10-15px справа от каждого ребенка, которого я не могу сдвинуть.Я пытался изменить имена классов в случае конфликтов и т. Д., Но я не могу получить его в бюджете.Просто пытаюсь получить все, чтобы заполнить два поля до максимальной высоты самого большого потомка (в данном случае это изображение) и выровнять все по центру, разделив страницу 50/50.

HTML следующим образом:

<div class="row">
  <div class="one_half">
    Left Side
  </div>
  <div class="one_half">
    Right Side
  </div>
</div>