Откуда берутся лишних 3 пикселя?

Question

[Юрий Иванов]

Помогите пожалуйста
https://codesandbox.io/s/competent-tharp-9mcde9
Если канвас не сработает, добавьте любой символ в js и сотрите его (типо точки) и все заработает
Не могу разобраться почему у меня поле канваса не ровно накладывается на хедер (откуда берутся эти 3 пикселя разницы)

Comments

[Виталий Першин]

.canvas {
  display: block;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
}

[Юрий Иванов]

Виталий Першин, Да, я уже сам нашел, отмечу ваше решение, спасибо за помощь (буквально 5 минут назад нашел эту проблему, и на хабр зашел)
Ну там разница 0.5 пикселя все равно остается
не понятно почему
но 0.5 уже не так критичны

[Юрий Иванов]

Виталий Першин, напишите отвтетом, я отмечу, хоть какая-то благодарность за помощь

[Виталий Першин]

Юрий Иванов, Добавил ответ

Answer 1

[Виталий Першин]

.canvas {
  display: block;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
}