Rendering

Layout (reflow)

Walking the render tree to compute the exact geometry — position and size — of every box on the page. Also called reflow, and it runs again whenever geometry changes.

Changing a font size forces the browser to recompute the size and position of the affected boxes.

1 height changes
2 pushed down
3 pushed down
Watch one resize reflow the rest

One of 40 cards in the JavaScript deck. Browse every card.