Design
Accessibility
Code
Breakpoints are a set of predefined viewport widths that can be used to change the layout of a page to ensure it accommodates different devices.
Breakpoint tokens
Token | Value | Tailwind prefix |
---|---|---|
xsl | 0px and up | xsl: |
sm | 768px and up | sm: |
md | 992 and up | md: |
lg | 1200 and up | lg: |
xl | 1900 and up | xl: |