JDL (client project)·frontend·2026-10-24
Screens sized for the mockups
On a real screen every app showed a small box in the corner, because the styles used the fixed frame sizes from the design file.
Only visible by using it
Invisible to a code read. Found by being the real user, on a real device, at a real width.
The shared screen styles were sized for the fixed frames in the design file, so on a real screen each app showed a small box in the corner. Tests never caught it. I only did by opening the built app in headless Chrome and looking at it.
Fixed sizes taken from a design file are a fine starting point and a bug the moment they ship. Now I look at every built app at a real size before I call a screen done.