What are the breakpoints in Foundation 6


Foundation 6 has predefined breakpoints defined as small, medium and large. These labels are used instead of mobile, tablet and desktop because there are such a wide range of devices out there that have vastly different amount of pixels. Here are the screen sizes that correspond to the sizes. 

  • small : 0px to 640px
  • medium : 640px to 1024px
  • large : 1024px and above

Deal of the Week

Latest Updates

Latest Live Stream

How to use the Browser Developer Inspector Tools

Latest Design

Subscribe

For product releases and updates by email, please subscribe below.

© 2025 Weavers Space | Terms of Service | Privacy Policy

HelpShelfHelpShelf