Navigation button text overflow localization
An AI agent generated this CSS for a navigation button, and the design looked pixel-perfect in the English mockup. The app localizes into German and Finnish (long words) and must support users who increase their browser font size. What two distinct classes of users does this break, and why?
Implement
intrinsic_button_widths(labels: list[str], base_font_px: int, user_scale_percent: int) → list[int]Examples
in
[["Settings","Save","Cancel"],13,100]out[96,96,96]in
[["Einstellungen"],13,100]out[126]in
[["Settings"],13,200]out[192]What a strong answer looks like
Treat the AI’s output as a draft to verify, not an answer to trust. Name the specific flaw and the input that triggers it, say how you’d catch it (tests, edge cases, reading critically), and how you’d re-prompt or decompose to get it right.
0:00 of about 15 min
Vibe & agentic: describe the solution in plain language (or narrate it) and the coach grades your approach.
Which questions mattered is sealed until you submit. Telling you now would just be handing over the edge cases.
Run or narrate your approach, then ask the coach.