Breakpoints
Click the three-dot menu and choose Preferences > Breakpoints to manage custom site-wide media queries. Apply changes with Save Breakpoints.
Built-ins
| Breakpoint | Applies at | Preview width |
|---|---|---|
| Desktop | all widths | 100% |
| Tablet Landscape | 1119px and below | 1024px |
| Tablet Portrait | 1023px and below | 768px |
| Phone Landscape | 767px and below | 480px |
| Phone Portrait | 479px and below | 400px |
Desktop is the base; narrower values override inherited styles. These five cannot be edited/deleted in this tab.
Add or Edit
- Click Add Breakpoint, name it, and Add.
- Click Click to set min and max widths. Enter Maximum width, Minimum width, or both for a max/min/range query.
- Set Default Preview Width to
100%or custom pixels. Custom prefills maximum width and accepts at least 250px. - Click Save, then Save Breakpoints.
Custom entries appear after built-ins with a star. Their CSS applies only where their displayed query matches.
Click its query or edit to reopen. Delete removes its styles after confirmation and Save Breakpoints.
Include Custom Breakpoints in Breakpoint Dropdowns under UI Settings adds custom choices to compatible threshold controls; some still restrict to built-ins.