Как убрать отступы сверху у тега?

Question

[Drino955 Jug]

Есть такой сайт: https://drino955.tk , нужно убрать отступы у тега html. Их прекрасно видно если для него задать background-color: red; они появляются сверху и снизу.


Для меня это очень важно, так как такие расширения как dark-reader изменяют html на свой цвет и эти полосы становятся заметными. К тому же я думаю что это одна из причин появления полосы на 0.5сек - 1сек на смартфоне при пролистовании сайта.

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

Кидать ли исходники сайта, не знаю, вот URL: https://drino955.tk/

Comments

[Ярослав Иванов]

margin у main убери и у body

[v3shin]

html, body {
    margin: 0;
    padding: 0;
}

И останется только margin у main'а.

[Drino955 Jug]

Ярослав Иванов, не помогло, внизу остался

[Drino955 Jug]

Ярослав Иванов, просто добавил html такие же свойства, как и body, проблема не решена, но скрыта. А вот на мобилке при листании сайта проблема осталась.

Answer 1

[Полина Емельянова]

Уберите высоту с html, body,
Проставьте min-height: 100%;

Comments

[Drino955 Jug]

Не помогло

Answer 2

[kryamk]

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}

И вместо марджинов у main добавьте паддинги у body