Responsive layout
A layout must survive different screen sizes
- Design for narrow screens before assuming wide screens.
- A two-column layout may become one column.
- Priority must survive when the layout stacks.
Wide screen
Lots of horizontal space can make weak priority look acceptable.
- Sidebars
- Multiple columns
- More visible detail
Small screen
Narrow space forces the true order of content to reveal itself.
- Single column
- Stacked sections
- Harder tradeoffs