Breakpoint

Min-Width

List of design token names, values and metadata for

Name	Value
min-width-breakpoint-mobile A mobile device's minimum available screen width. Many older feature phones have screens smaller than this value.	320px size.viewport.32
min-width-breakpoint-tablet A tablet device's minimum available screen width. Note: the size chosen is eager to be re-evaluated with Web team and Product Analytics.	640px size.viewport.64
min-width-breakpoint-desktop A desktop device's minimum available screen width.	1120px size.viewport.112
min-width-breakpoint-desktop-wide A wider desktop's minimum available screen width.	1680px size.viewport.168

Max-Width

List of design token names, values and metadata for

Name	Value
max-width-breakpoint-mobile A mobile device's maximum available screen width. Many older feature phones have screens smaller than this value.	calc( 640px - 1px ) size.viewport.64 size.absolute.1
max-width-breakpoint-tablet A tablet device's maximum available screen width. Note, the size chosen is eager to be re-evaluated with Web team and Product Analytics.	calc( 1120px - 1px ) size.viewport.112 size.absolute.1
max-width-breakpoint-desktop A desktop device's maximum available screen width.	calc( 1680px - 1px ) size.viewport.168 size.absolute.1