Skip to main content

Breakpoints

Breakpoints are width values that help indicate an element's behavior in different screen sizes.

Default Values

These are the default values for breakpoints

BreakpointValue (px)Device Example
Small320pxMobile phones
Medium640pxTablets
Large960pxLarge tablets, Medium-sized monitors
XLarge1280pxLarge-sized monitors