Track

Flexbox

flex-direction, flex-wrap, justify-content, align-items, flex-grow, flex-shrink, flex-basis, order, gap — the layout system that finally made centring easy.

Flexbox

01Row or column?
02Wrapping to a new line
03Distributing along the main axis
04Aligning across the cross axis
05Growing to fill the space
06Shrinking to fit
07The starting size
08The flex shorthand
09Reordering without touching the HTML
10Spacing with gap
11Boss: build the navbar