Margin and Padding Deep Dive: The basics

Publicado el: 12 diciembre 2017
en el canal de: Kevin Powell
73,088
3k

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: Collaps...  
Part 3: Using Whitespace effectively -    • Margin and Padding Deep Dive: Using w...  

---

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

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

---

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


En esta página del sitio puede ver el video en línea Margin and Padding Deep Dive: The basics de Duración hora minuto segunda en buena calidad , que subió el usuario Kevin Powell 12 diciembre 2017, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 73,088 veces y le gustó 3 mil a los espectadores. Disfruta viendo!