Because of what on the mobile on the right is emptiness?

Question

css

Good evening, I'm trying to make a page on the bootstrap grid, the problem is that on mobile a white bar appears on the right overflow-x does not help. How to remove?
cybercoding.ml/BM

Answer 1

Protruding element with fix. width is a fact.
overflow-x: hidden on html and body doesn't work on mobile when using a viewport.
Solutions:
1) The correct one is to find the protruding element and fix it.
2) Crutch - set overflow-x: hidden for a separate section in which there is a protruding element.
PS I haven't looked at the code, so I won't tell you exactly what it is.

Answer 2

In some place, width should be specified greater than the width of the screen of the mobile device.
This is how I usually look. I comment on all the blocks, and then turn them on one by one.