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 re-lay-out affected boxes.

Geometry change cascades down

Tap the example to replay it · press and hold to slow it down

One of 40 cards in javascript flashcards. Browse every card.