What is box model & box sizing in HTML & CSS? Understanding the types of box sizing

What is box model & box sizing in HTML & CSS? Understanding the types of box sizing

In this session we will talk about box model in HTML and box sizing in CSS. Every single element element in HTML can be seen as a box, a box will have margin, border, padding and content which makes up a box model. Every element you see here is surrounded by these boxes.

Box sizing is how a box is sized based on two types;

  1. Content Box
  2. Border Box
ALSO READ  Learn to Build a Basic HTML5 CSS3 WebPage - CSS3 Flexbox Navigation - Part 4