Step 3 — Principal Engineer Review
1. An engineer proposes replacing flexbox with absolute positioning in a hot list "for performance". You have the measurement. Write the review comment, including what they may be right about.
2. Your design system's <Card> takes a size="compact" | "comfortable" prop that consumers
set based on where they are placing it. Container queries now exist. Should the prop go? Give the
migration path and the case for keeping it.
3. A team reports "adding container-type broke our layout — the wrapper collapsed." Diagnose
it without seeing the code, and give the two possible fixes.
4. Where should container-type live in a design-system component: the component root, a
wrapper the component renders, or the consumer's element? Argue each, then decide.
5. Your CLS is 0.28. Enumerate the likely causes in order of probability, and say which are layout decisions versus loading decisions.
6. A component uses cqw units. A consumer forgets container-type. What happens, why is it
hard to notice, and how would you make the failure loud?
7. Phase 1 has now produced three measured folklore corrections (fe-03 delete vs property
order; fe-04 div soup size; fe-06 layout modes). Design the team practice that catches this class of
error before it becomes a standard. What does it cost, and what stops it becoming bureaucratic?
8. When is a fixed pixel dimension the correct choice over fit-content? Give two cases and
what you must pair them with.
9. subgrid would solve an alignment problem cleanly but you must support a browser without it.
Give three strategies with different failure modes, and say which you would ship.
10. Argue against this module's conclusion. Construct a realistic scenario in which layout mode choice is the dominant cost, and say how you would recognise it from a profile.
Answers in RESULTS.md. Questions 2, 4 and 7 are natural ADRs.