Position Quest / by TechWebster

Learn CSS
positioning.

A free, interactive CSS positioning game.

Turn positioning theory into something you can see. Write real CSS, move your box onto the target, and work your way through 10 hands-on challenges.

Relative. Absolute. Fixed. z-index.
One playground to put them all into practice.

Play game

Free to play · No sign-up · Progress saved in your browser

THE PLAYGROUND
position: relative;
left: 0px;
top: 0px;YOUR NEXT MOVE ↗