Weird margin/ padding issue

Hello, im currently working on my survey and i ran into a issue -->

When you are resizing, at 769 pixels a weird 20 pixel padding appears on the whole entire body. I have no idea why this is happening. None of my media queries are at 769 pixels (1007, 641, 400) and my body has no 20 pixel padding on its CSS.

I put comments in the HTML if that helps. I have no idea where to start or what is causing it.

Body --> CSS line 34
main image --> 79

(subject for change)

Try setting padding and margin to 0 for the body { }

1 Like

I go to developer mode and
there is

 @media (max-width: 767px)
body {
    padding-left: 20px;
    padding-right: 20px;

But why? I never wrote that.

Because in bootstrap less than 4, it sets padding based on the width of screen, but in bootstrap 4 it will let us add padding or margin if needed