Ctrlk
CommunityJoin our Waitlist
For the complete documentation index, see llms.txt. This page is also available as Markdown.

What order should I follow when designing and formatting breakpoints?

1

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

2

Click this button to see all 3 breakpoints: Desktop, Tablet, and Mobile.

What order should I follow when designing and formatting breakpoints? — step 2
3

To see all minor breakpoints within each parent breakpoint, please click the (v) drop-down menu:

What order should I follow when designing and formatting breakpoints? — step 3
4

The following breakpoints are available for Desktop:

1600px and more 1366px - 1599px 1024px - 1365px

What order should I follow when designing and formatting breakpoints? — step 4
5

2. Tablet

768px - 1023px 600px - 767px

What order should I follow when designing and formatting breakpoints? — step 5
6

3. Mobile

414px - 599px 375px - 413px 320px - 376px

What order should I follow when designing and formatting breakpoints? — step 6
7

Here's a complete summary of the order that needs to be followed:

What order should I follow when designing and formatting breakpoints? — step 7
8

Tip! to learn more about our breakpoints and formatting, please click here: ../get-started/how-to-build-a-responsive-design-in-maker.md

PreviousHow to go from one breakpoint to another
NextHow can I trigger a scroll to the top of my page with a click event in Maker?

Last updated

Was this helpful?