Builder.io Breakpoints

General
1

Builder.io uses 3 CSS breakpoints for responsive styling.

You can use the numbers below when making drafts to align with Builder’s responsive settings:

  • Mobile: 0-639px
  • Tablet: 640px-991px
  • Desktop: 992px+
2

Hey Steve,

is there some way to define custom breakpoints or to add more breakpoints?

Best,
Alex

3

Hey @alex123 - currently there isn’t, but the feature is on our roadmap!

1 Like
4

Hi @steve ,

We also would like to specify custom breakpoints.

Do you have any timeline for this feature ?

Best regards,
Adrien

5

Hey @adagor - no precise timeline just yet, but we have created an Idea for it over here that you can upvote. More upvotes will bump it higher on our priority list!

1 Like
6

@adagor @alex123 we have now shipped Custom Breakpoints! Head over to Our Breakpoints docs to see how you can enable them and start using them in your content.