Design for even larger screens with 3 new breakpoints

As laptops and external monitors keep getting bigger, Webflow’s keeping up with the times by adding not 1, not 2, but 3 new large breakpoints at 1280px, 1440px, and 1920px.

This means that Webflow projects now have 7 breakpoints, with the largest 3 being the new ones:

• 1920px: styles applied to screens 1920px wide and above
• 1440px: styles applied to screens 1440px wide and above
• 1280px: styles applied to screens 1280px wide and above
• Desktop (base): styles apply to all devices unless overridden at other device breakpoints
• Tablet: styles applied to screens 991px wide and below
• Mobile landscape: styles applied to screens 767px wide and below
• Mobile portrait: styles applied to screens 478px wide and below

For a closer look at these changes and a walkthrough of updating a site to use these new breakpoints, check out our announcement blog post.