Drag & Drop
hardDrag boxes to targets, reorder a list, and nail an exact slider value.
Drop zone
Each box only belongs in its matching target — dropping it anywhere else reports an error. Fill all three to complete the board, then reset it.
Box A
Box B
Box C
Target A
Target B
Target C
Drag each box onto its matching target.
Sortable list
The workflow steps start scrambled. Drag them (or use the ▲/▼ buttons) until the list reads 1-2-3-4.
- Step 3: Review report
- Step 1: Write test
- Step 4: Ship it
- Step 2: Run test
Current order: 3-1-4-2
Sliders
Set it to exactly 75. Dragging a range input to a precise value is fiddly — keyboard arrows or setting the value directly are the reliable moves.
Value is 0 — target is 75.