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

2025 Updates Overview

Latest Design

HANGOUTS

Next Hangout Session
Friday, March 21

Subscribe

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

© 2025 Weavers Space | Terms of Service | Privacy Policy

HelpShelfHelpShelf