How does breakpoints even work? None of the numbers make any sense

@Fonsume,

Thank you for reaching out about this. As we do try to make the breakpoints work in favor for all of the users who have many different device sizings, there are some things to keep in mind here.

A phone’s pixel resolution isn’t what is used to determine which breakpoint will be applied. They typically use the point system (which is usually in the < 767px range). For iPhones, take a look at this: The Ultimate Guide To iPhone Resolutions. There is a point value that scales to fit the resolution of your phone, so while your device’s dimension can be extremely large, the browser will know how the device and how to render that information.

The 1440 breakpoints become active when the minimum size (in width) of a display is 1440px. The 1440px breakpoint came recently as one of the 3 newer breakpoints that Webflow introduced in early April. Previously, users were limited to Desktop and smaller breakpoints. Because a lot of Webflow sites were designed with these breakpoints is mind, we couldn’t change the value for these breakpoints and therefore introduced three larger ones.

This info came from the PM who spearheaded the initiative.

Have a Great Day and Happy Designing,
~ Brandon

2 Likes