Basics of the CSS Box Model

Understanding the CSS box model can help you take control of your front-end layouts by easily manipulating margins, paddings and other styles under various circumstances. In this short video tutorial from my recent course on the CSS box model, I will demonstrate how content, margins, borders, and padding affect the layout and dimensions of your HTML content.

Watch the Tutorial

Watch the Full Course

Understanding the CSS box model is crucial for getting your designs to behave as you want them to. In the full course, Understanding the CSS Box Model, I’ll teach you how to master the box model and take control of your layouts. You can also take your designs further with these CSS items, from mega menus to pricing tables.