Webflow has 4 preset breakpoints: Desktop. Tablet. Mobile Landscape.
...
You also have the option to add 3 larger breakpoints:
- 1280px.
- 1440px.
- 1920px.
- How do I change the base breakpoint in Webflow?
- What are good breakpoints?
- How do I remove a break point in Webflow?
How do I change the base breakpoint in Webflow?
Webflow does not provide for custom breakpoints. They are also defined in the base CSS and rules added to the individual media queries as you add styles in the designer (desktop, tablet, mobile landscape, mobile portrait. These are the base defined MQ's. Additional ones are added when you go > desktop in the designer.
What are good breakpoints?
What are common breakpoints? Common breakpoints are 320px — 480px for mobile devices, 481px — 768px for iPads & tablets, 769px — 1024px for small screens like laptop, 1025px — 1200px for large screens like Desktops, and 1201px and above for extra large screens like TV.
How do I remove a break point in Webflow?
It clearly states that they cannot be removed from your project once created. If you've already created a breakpoint, you'll have to start over. If you haven't already created the breakpoint, then simply don't click it. If you haven't made any significant changes, you can restore a backup from before you added them.