Box Model

Foundation of all layouts. Understand how browsers calculate element sizes and how to control spacing.

Block Anatomy: Why Everything is a Box?

theory

Geometry: Width, Height, and Content Sizing

theory

Padding: The Art of Internal Space

theory

Border and Outline: Boundaries of the Allowed

theory

Margin: Freedom and Collapse

theory

Box-Sizing: Mathematics Without Tears

theory

Overflow: Fighting Overflow

theory

Display Property: Default Behavior

theory

Margin Collapse and BFC: Dark Side of Margins

theory

Aspect-Ratio: Proportions Without Hacks

theory

Centering Evolution: Survival Guide

theory

Advanced Overflow: Scroll Control

theory

Workshop: Indestructible Card

theory