Weird margin/ padding issue

HTML-CSS
1

Hello, im currently working on my survey and i ran into a issue --> https://codepen.io/Mike-was-here123/pen/vaRjey?editors=0100

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)

2

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

1 Like
3

I go to developer mode and
there is

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

image
image1920×1080 294 KB

4

But why? I never wrote that.

5

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

2 Likes