The standard Webflow breakpoints media queries are:-
- 1920px: styles apply to screens 1920px wide and above
- 1440px: styles apply to screens 1440px wide and above
- 1280px: styles apply to screens 1280px wide and above
- Desktop (base): styles apply to all devices unless overridden at other device breakpoints
- Tablet: styles apply to screens 991px wide and below
- Mobile landscape: styles apply to screens 767px wide and below
- Mobile portrait: styles apply to screens 478px wide and below
Usage: Webflow CSS Media Queries
The Desktop (base) covers all sizes from 992 unless you have activated a larger Desktop breakpoint. In our Webflow website design we find it's better to avoid multiple breakpoints as this can make CSS rule making rather complicated.
Join in the Discussion