Padding or margin

Kieran is correct.

Padding is from the inside, while margin is from the outside.

If you put say margin on a component that will have a background white, it will make a gap around the other components as much as you set the margin to be.

If you put say padding with a background white, the distance between other components will be the same, however there will be more white space.

Think about it this way:

Assume you're touching other human body to body with your front. If you put your arm in between, and take that arm out, you just created margin. You are now far from the person.

Now, back to where you werwe, and assume you gained size and say 100kg, and now you expanded from the inside, you now cover more space, but you're still toughing the other person.

Hope it helps!

I think padding will add space inside the body element, whereas margin will create space between body and html. I may be wrong, but I’m on my iPad at the moment so I can’t double check inside my developer tools.