Things You Didn't Know About The CSS Box Model

We all know as web-designers we have to think inside the box…
No really. Today I’m going to show you the box model of CSS and how you can use it to style your website.

When I started with CSS I was quite confused about how to place things on the website. Today I’m going to show you the box model of CSS because with CSS literally, everything is in its own box.
We are going to learn about padding, borders and margins and what’s the difference between them.

And that you are not as confused as I was. I'm going to give you some special hints and tricks you have to know so that after this video you completely understand how to place and space items with CSS. Because especially the margins have weird rules not a lot of people know about. So even if you know CSS well I’m sure you will benefit from this video.

Resources:
Margin Collapse:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing
https://stackoverflow.com/questions/43882869/margin-collapsing-in-flexbox

The Weird Space Between Elements
https://css-tricks.com/fighting-the-space-between-inline-block-elements/

Flexbox
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

CSS Reset
https://css-tricks.com/reboot-resets-reasoning/


CONTACT:
📱 Facebook - https://www.facebook.com/devworldinfo
🌎 Website - https://www.dev-world.info
📧 Email - [email protected]

ABOUT THIS CHANNEL:
Dev World is a mix of tutorials and educational videos around Coding, Online Marketing, and Design.

#Coding #Webdesign #Marketing

Тэги:

#web_development #javascript #online_marketing #css #html #github #web_design #illustration

Скачать видео