Media queries tokens
Media#
| Ex. | Token name | Value | Use case | |
|---|---|---|---|---|
--rh-media-xs |
(min-width: 576px) |
Mobile portrait |
|
|
--rh-media-sm |
(min-width: 768px) |
Mobile landscape |
|
|
--rh-media-md |
(min-width: 992px) |
Tablet portrait |
|
|
--rh-media-lg |
(min-width: 1200px) |
Tablet landscape |
|
|
--rh-media-xl |
(min-width: 1440px) |
Desktop small |
|
|
--rh-media-2xl |
(min-width: 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
