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

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.