The CSS Box Model, Display, and Box-Sizing

Опубликовано: 17 Октябрь 2024
на канале: TechSquidTV

28,927

897

Learn The CSS Box Model. How does padding, border, and margin effect your elements? We're also going to tackle the Display property of CSS, and show you how Box-Sizing will make your life easier.

CODE PEN
-----------------

Padding vs Margin: https://codepen.io/Ampix0/full/dWXbWM/

CSS Box Model Playground: https://codepen.io/Ampix0/full/oWXLeR/

Thank you for watching RoboSquidTV. Be sure to leave a comment on what you thought.

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

SOCIAL
----------
● Facebook - / robosquidtv
● Twitter - / robosquidtv

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
MUSIC
----------
● Artist: Joakim Karud
● Song: Made In 5
● Link: https://theartistunion.com/tracks/c101ef

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
LINKS
----------
CSS Box Model - https://developer.mozilla.org/en-US/d...

CSS Display Property: https://developer.mozilla.org/en-US/d...

Webkit User Agent Style Sheet: https://trac.webkit.org/browser/trunk...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬