We design for small screens by default, but adapt our UIs for larger viewports. For example, the "default" breakpoint is for all screen sizes; any other breakpoint is used to specify a change that should happen at that breakpoint or larger.
The table below shows what we've already defined as breakpoints for Swarm Design System. It's unlikely that a design will require a breakpoint we haven't specified, but it's ok to write something custom in the web app code to support a design spec.
Breakpoint | Viewpoort width range |
---|---|
Medium | 640px or larger |
Large | 840px or larger |
Huge | 1024px or larger |
If this page is missing something or if you'd like to make an edit, you can:
Last updated Jan 01 2018, 6:00 PM