Why is there an indent on the right?

Question

css

for-rezult.ru
please help me understand the incomprehensible indentation on mobile and tablets
in the browser, everything is displayed correctly

Answer 1

Somewhere inside you have a content width larger than the visible width. Make sure you don't have values ​​larger than 100% and \or lists\tables with nowrap that could exceed the screen width.
I recommend using firebug \ chrome devtools to delete parts of the page section by section. As soon as the problematic part disappears, the indent will disappear and you can localize it.
You can also wrap all your divs in the body in a container (eg div.wrapper) and set the last one to overflow: hidden. But this can cut off the content and is generally undesirable, because. with a correctly designed layout, there should not be such an effect.

Answer 2

If you don't understand at all:

body {
   overflow-x: hidden;
}

But this is a crutch of course.

Answer 3

A tougher thing helped me once.
html {
overflow-x: hidden;
}