CSS framework breakpoints
Bootstrap 5
https://getbootstrap.com/docs/5.0/layout/breakpoints/
| Breakpoint | Class infix | Screen size |
|---|---|---|
| X-Small | None | < 576px |
| Small | sm | >= 576px, < 768px |
| Medium | md | >= 768px, < 992px |
| Large | lg | >= 992px, < 1200px |
| X-Large | xl | >= 1200px, < 1400px |
| XX-Large | xxl | >= 1400px |
TailwindCSS
https://tailwindcss.com/docs/container
| Breakpoint | Class infix | Screen size |
|---|---|---|
| Small | sm | <= 640px |
| Medium | md | <= 768px |
| Large | lg | <= 1024px |
| X-Large | xl | <= 1280px |
| XX-Large | 2xl | <= 1536px |
Bulma
https://bulma.io/documentation/overview/responsiveness/
| Breakpoint | Screen size |
|---|---|
| mobile | <= 768px |
| tablet | >= 769px, < 1024px |
| desktop | >= 1024px, < 1216px |
| widescreen | >= 1216px, < 1408px |
| fullhd | >= 1408px |