Почему появляется белый промежуток между элементом с границей и контентом?

Question

[Michail]

При масштабировании или transform элемента появляется промежуток между элементом с границей и контентом.
Можно его как то убрать?
На фото плохо видно, но в реале хорошо.
https://jsfiddle.net/mihail4Greb/uwfy3vhz/7/

Comments

[Вадим]

Правила использования сервиса:

3.8. Использовать для демонстрации фрагментов кода только специальный тег code или специальные демонстрационные ресурсы (например, JsFiddle - https://jsfiddle.net/). Размещение фрагментов кода в виде изображений запрещено.

У вас уже даже демка есть, чего ссылку не вставили?

[Michail]

Вадим, Сейчас зарегистрируюсь там.

[Romir78]

При масштабировании страницы?

[Michail]

Romir78, да

[Ankhena]

Michail, там не надо регистрироваться, чтобы делиться ссылкой на код. В этом вся прелесть.
Просто нажимаете на save или fork и копируете ссылку.

[Romir78]

Michail, хз.

Firefox норм.

gif

Chrome от 150%

gif

[Michail]

Romir78,
Плохо видно, но он есть. Монитор 2к разрешение.

[Michail]

Ankhena, понял. Спасибо

[Michail]

Получается хром опять багует( впрочем, как всегда

Answer 1

[Dusiko]

Только начал учить, так что строго не судите.
Возможно нужно прописать в цсс :
*{
box-sizing: border-box;
}

Comments

[Michail]

не помогло

Answer 2

[Алексей Мережко]

Браузер по умолчанию устанавливает стили к html тегам.
Вам необходимо их для начала обнулить reset.css а потом определять по своему желанию.

В Вашем случае решение:
body{margin: 0;}