Websites and applications should support responsive layouts. Using common breakpoints will provide a consistent experience for those that switch between applications on desktop, tablet, and mobile devices.

• Desktop (62rem/990px and up)
• Tablet (between 30rem/576px and 62rem/990px)
• Mobile (up to 30rem/576px)

Prefer fluid layouts to fixed-width if the content will support it. When displaying paragraphs of text in fluid layouts, you may need to limit (via media queries) container widths for readability. Conventionally, this will be 34–36ems but use good judgment.

If you want to know more about how our grid system handles responsiveness, check Grid System.