The Box Model

The box model describes how layout works on the web. Unlike other design environments (like Photoshop or Sketch) that allow you to position elements anywhere in a given document, the web places elements in boxes that you control the positioning of to indirectly create layouts. In this video, we’ll discuss:

1. The box model
2. How the box model facilitates responsive web design
3. Grouping boxes
4. Positioning boxes to create layouts