5 hands-on exercises and 5 find-the-bug challenges for the CSS Position lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Move #box 10px down without leaving the flow.
Pin #box to the top-left of its positioned parent.
Make #box fixed.
Make #box sticky with a top offset.
Absolutely position #box 12px from every edge.
Sticky does nothing without a top offset.
The absolute box escapes to the page without a positioned parent.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceThis should stay in flow until it reaches the top.
Offsets do nothing on a static element.
The value is absolute.