How to build a responsive design in Maker

Using responsive breakpoints

Buit-in Breakpoints

Custom Breakpoints

Main Breakpoint

Design Flow

Maker's responsive drag-and-drop publishing makes it easy to ensure your pages are fully responsive.

Photoshop Note: If you're using Photoshop to create your design, visit these pages first . You'll need to review our PSD file prep for Maker as well as the PSD specific breakpoint logic.

Built-in breakpoints

By default, every new story that you create with Maker will three breakpoints groups (desktop, tablet and mobile). Within each breakpoint group there is one "Main" breakpoint and several minor breakpoints within each group:

1. Desktop

• 1600px and more

• 1366px - 1599px

• 1024px - 1365px

1. Tablet

• 768px - 1023px

• 600px - 767px

1. Mobile

• 414px - 599px

• 375px - 413px

• 320px - 376px