Where does the horizontal scroll come from?

Question

HTML

Hello, here is the site itself:
https://hrederik.github.io/template2/index.html
Problem:
A horizontal scroll appears on mobile screens in the Yandex browser. A white bar appears in Chrome. I can't figure out what's wrong. Thanks in advance for your reply.

Answer 1

through the inspector found a jamb - but I don’t understand why such a decision

@media (max-width:540px){
  #footer {
    padding: 20px 40px;
  }
}

I don’t understand why the scroll disappeared after increasing the padding, but that’s the fact

Answer 2

Add this code

@media (max-width: 540px) {
  #footer {
      overflow: hidden;
  }
}

Answer 3

Thank you. You helped me with my website too.

Answer 4

In the code snippet:

@media (max-width: 540px)
#sw-icons {
    text-align: center;
    padding: 0 33px 0 0;
    width: 100%;
}

try removing the rulewidth: 100%;