Breakpoints tokens

Token name	Value	Use case
--rh-breakpoint-2xs-max	`575px`	Mobile portrait (max-width)	Full CSS Variable Permalink to this token
--rh-breakpoint-xs	`576px`	Mobile portrait	Full CSS Variable Permalink to this token
--rh-breakpoint-xs-max	`767px`	Mobile landscape (max-width)	Full CSS Variable Permalink to this token
--rh-breakpoint-sm	`768px`	Mobile landscape	Full CSS Variable Permalink to this token
--rh-breakpoint-sm-max	`991px`	Mobile landscape (max-width)	Full CSS Variable Permalink to this token
--rh-breakpoint-md	`992px`	Tablet portrait	Full CSS Variable Permalink to this token
--rh-breakpoint-md-max	`1199px`	Tablet portrait (max-width)	Full CSS Variable Permalink to this token
--rh-breakpoint-lg	`1200px`	Tablet landscape	Full CSS Variable Permalink to this token
--rh-breakpoint-lg-max	`1439px`	Tablet landscape (max-width)	Full CSS Variable Permalink to this token
--rh-breakpoint-xl	`1440px`	Desktop small	Full CSS Variable Permalink to this token
--rh-breakpoint-xl-max	`1679px`	Desktop small (max-width)	Full CSS Variable Permalink to this token
--rh-breakpoint-2xl	`1680px`	Desktop large	Full CSS Variable Permalink to this token

Other libraries

To learn more about our other libraries, visit the getting started page.