Who this applies to#
- Use responsive treatment when columns, type, images, or buttons would otherwise become cramped or require horizontal scrolling on a narrow screen
What Responsive email requires#
- Set layouts and media to fit the available width while retaining a logical reading order
Web standards
Media queries can apply styles according to viewport characteristics when the client supports them
What this does not require#
- Responsive email does not require hiding essential content on smaller screens
Common mistakes#
- Shrinking desktop columns until text is unreadable
- Using fixed-width images that overflow
- Changing visual order without checking reading order
Responsive email checklist#
- Use a fluid container
- Constrain images
- Size tap targets
- Test narrow screens