← HTML & CSS That Holds Up

Lesson 4 · blocks HTML & CSS That Holds Up

Flexbox & Grid

Pick the right layout system and centre things without guessing.

Before you start

Flexbox lays out along one axis and is ideal for toolbars, button rows, and anything that should distribute space. Grid lays out along two axes and is ideal for page structure and card galleries. Reaching for the wrong one is why layouts fight back.

5 exercises·up to 74 XP·5/5 hearts