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
Auf dieser Seite können Sie das Online-Video Margin and Padding Deep Dive: The basics mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Kevin Powell 12 Dezember 2017 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 73,088 Mal angesehen und es wurde von 3 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!