Размер в пикселях в фотошопе отличается от CSS

Во-первых, я хочу, чтобы вы узнали о DPI / Resolution моего макета.

У меня есть макет в фотошопе, с помощью которого я верстаю. Поэтому, когда я пытаюсь установить количество пикселей в margin-left, оно отличается от того, которое установлено в макете PSD. Но когда я устанавливаю те же свойства в моем файле .css

.header__logo {
  margin-top: 52px;
  margin-left: 300px; <- Expected size
  display: flex;
}

Результат отличается. Обратите внимание, что мой проект PSD имеет разрешение 72 DPI.