Learning on Web Dev Open is free for all.

Take It Apart > Checkpoint, Taken ApartClear the board
Phase 01Checkpoint, Taken Apart79 of 434

Clear the board

One last run at the Arcade games from this phase. Not for the score, to find out which reflexes actually landed.

Drill25 minAI off

Play each of the four games from this phase once: Latency Budget, Cascade, Selector Hunt, Layout Arena. Record your score for each.

Compare against your first attempt. The improvement is the phase, measured.

More useful than the scores: note which specific shapes still make you stop and think. A cascade situation involving layers. A selector needing a structural pseudo-class. A layout where you hesitate between flex and grid. Write those down and put them in your checkpoint write-up, a person reading it will tell you exactly what to do about each one, and that is worth more than a higher score.

Layout Arena

Reproduce a given layout using the fewest flex and grid declarations.

Play Layout Arena

You should now be able to

  • Confirm the drills have become reflex rather than recall
  • Find the specific shapes you still have to think about
Ask the community

Loading…