Breakpoints tokens
Breakpoint#
| Ex. | Token name | Value | Use case | |
|---|---|---|---|---|
|
--rh-breakpoint-2xs-max |
575px |
Mobile portrait (max-width) |
|
|
--rh-breakpoint-xs |
576px |
Mobile portrait |
|
|
--rh-breakpoint-xs-max |
767px |
Mobile landscape (max-width) |
|
|
--rh-breakpoint-sm |
768px |
Mobile landscape |
|
|
--rh-breakpoint-sm-max |
991px |
Mobile landscape (max-width) |
|
|
--rh-breakpoint-md |
992px |
Tablet portrait |
|
|
--rh-breakpoint-md-max |
1199px |
Tablet portrait (max-width) |
|
|
--rh-breakpoint-lg |
1200px |
Tablet landscape |
|
|
--rh-breakpoint-lg-max |
1439px |
Tablet landscape (max-width) |
|
|
--rh-breakpoint-xl |
1440px |
Desktop small |
|
|
--rh-breakpoint-xl-max |
1679px |
Desktop small (max-width) |
|
|
--rh-breakpoint-2xl |
1680px |
Desktop large |
|
Other libraries
To learn more about our other libraries, visit this page.
Feedback
To give feedback about anything on this page, contact us.
Red Hat legal and privacy links
- About Red Hat
- Jobs
- Events
- Locations
- Contact Red Hat
- Red Hat Blog
- Diversity, equity, and inclusion
- Cool Stuff Store
- Red Hat Summit
Red Hat legal and privacy links
