How to remove the indent from the top of the site in Firefox?

Question

css

Hello, there is a site nsk-vesna.ru/vybor-uchastka in all browsers is displayed normally except Mozilla, it has an indent from above. What needs to be changed in the layout to remove this?

Answer 1

Your problem, like many others, is not knowing margin collapsing . The source of the top padding on the body in this rule:

.footer {
  margin-top: 40px;
}

Either remove the padding, or replace it with padding , or set:

.wr:before {
  content: "";
  display: table;
}

It is correct to do this for the parent element, but writing rules for the tag name is a sure way to confusion.