Large screens
Mobile first does not forget the big monitor. On a 4K screen, whatever is far from the eye disappears.
On this page
Why
From the phone to a 4K monitor: at home, many people work on a huge screen, and on it whatever is tossed into a corner leaves the field of view.
Feedback happens where the action happened
Saved, deleted, failed: the container itself shows it, with the StatusOverlay, and the Notice comes in right above it. No toast in a corner of the window.
Do
Feedback shows where the person is looking.
Don’t
A toast in the window corner: on a 4K screen, it sits half a meter from the form.
Content has a measure and stays centered
On a wide screen, work content stops at 72rem and gains margins on both sides, instead of stretching edge to edge. A notice follows the content, close to the action.
The exception: the Top button
It sits in the bottom right corner of the screen, where the hand already looks for a navigation shortcut.
Nothing important pinned to the window corners
The corner of a 4K screen is far from everything; what the person needs to see stays close to what they are doing.