adaptive layout
An adaptive layout responds to available space and presentation context.
Use this when A phone layout becomes unusable in a tablet pane or resized window.
without the term
“The app looks fine on phones but on iPad or in split screen it's a stretched phone layout. Can it use the extra space properly?”
with the term · How do you ask a model for adaptive layout?
Adapt this screen to changing available width. Verify resizing, rotation, and large text without losing navigation or the current draft.
What is adaptive layout?
The screen's structure changes with the available width, for example one column on a phone and side-by-side panes on a tablet or wide window, without losing navigation state.
Why does adaptive layout matter when vibe coding?
Device-name checks can miss split-screen and resizable contexts.
How do you do adaptive layout?
Use current layout constraints and test transitions between narrow and wide presentations.
What goes wrong with adaptive layout?
Measuring size once at launch and treating it as permanent.