Latest Update: 07 April 2021

Understand CSS Box Model in 14 minutes with 4 tasks | CSS Tutorial

Box Model is one of the most important concepts in CSS, but sometimes people overlook it. In this tutorial, we will take a close look at Box Model.

The 4 topics that will be covered are:

  1. Border, padding, margin

  2. Inline vs block boxes

  3. Margin collapsing, auto margin

  4. Alternative box model

Resources

To follow along, download the sources or access the design here.