Pathwise

Manuals / Figma / Checkpoint 5

A · Layout · beginner · Gate · Week 1 · Checkpoint 5 of 13

Checkpoint A — Responsive screens

Pass before components: two screens, Auto Layout throughout, styles applied, resize-safe.

Path progress
38%

Step 1 of 1

Pass criteria

  • Login + home (or equivalent 2 screens)
  • Auto Layout on all major containers
  • Color + text styles — no rogue hex on text
  • Resize 320→400px without broken overlap
  • Layers named semantically
Pass criteriaDrag stickies · tap for tips
Study mapDrag stickies · tap for tipsKeep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Assert the UIdrag · tap →Retry wiselydrag · tap →Seed datadrag · tap →Close the loopdrag · tap →Keep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Pathwise hackdrag · tap →Pass criteriadrag · tap →Try thisdrag · tap →Follow the dashed drag · tap →

Do this now

Fix any failure before Phase B.

Was this step clear?
Chapter learning outcomes
  • Layout gate criteria

Clear these before you leave