Desktop, tablet and mobile preview
Three buttons in the preview toolbar frame the site at common widths:
| Button | Width |
|---|---|
| Desktop | 1440 px |
| Tablet | 768 px |
| Mobile | 375 px |
The preview scales to fit the panel, so the mobile view appears centred at a phone's width.
What to check on mobile
- The header collapses to a menu icon and the menu opens.
- Text does not overflow its container.
- Buttons are reachable and not cut off.
- Images scale rather than crop awkwardly.
Fixing responsive problems
Select the element with Visual edits while in the mobile view and describe the fix: "On mobile, stack these two columns and centre the text." The assistant applies the change to the mobile breakpoint where that is what you asked.