CSS lab
Flexbox playground
Flip direction, justify, align and wrap on a live flex container until the axes make sense.
Try column with justify-content: center, then raise the item count with flex-wrap: wrap. Baseline lines up the text of items with different font sizes; stretch only shows when items have no fixed cross size.
Learn the concept
The lesson this lab comes from, with the explanation, a practice task and a quiz.
More labs
All labs- JavaScriptEvent loopStep through the call stack, microtasks and tasks to see exactly when each callback runs.
- GoGo channelsSend, receive and close on buffered and unbuffered channels and see who blocks, and when.
- SQLSQL joinsRun INNER, LEFT, RIGHT, FULL and CROSS joins on the same two tables and compare the rows.