Margin and Padding Deep Dive: The basics

Margins and padding cause a lot of confusion amongst new developers. This video is the start of a deep dive miniseries taking a look at them.

This video is really a look at the very basics of margins and padding, what each one do, and what the differences are between the two of them.

I also take a look at how auto margins work, and why & how we can use them to center something vertically on the screen. In this section though, I did forget to mention that for these to work, the element also needs to have an assigned width as well (thanks to Jon for pointing that out in the comments)!

Part 1: The Very Basics (this video)
Part 2: Collapsing margins and box-sizing -    • Margin and Padding Deep Dive: Collapsing m...  
Part 3: Using Whitespace effectively -    • Margin and Padding Deep Dive: Using whites...  

---

My Code Editor: VS Code - https://code.visualstudio.com/

How my browser refreshes when I save:    • How to automatically refresh your browser ...  

---

Support me on Patreon:   / kevinpowell  

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram:   / kevinpowell.co  
Twitter:   / kevinjpowell  
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell