Flexbox

A CSS layout model for arranging elements in a row or column.

display: flex; justify-content: space-between for a header.

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