Breakpoint reference
CSS Breakpoint for 1440px Width
At 1440px viewport width, the active Tailwind min-width tier is "xl". See which sm, md, lg, xl, and 2xl breakpoints match.
Responsive breakpoint checker
Viewport width
Largest Tailwind breakpoint satisfied: xl (min-width rules use the same pixel values as Tailwind v3 defaults.)
Tailwind breakpoint ruler1440px
0sm640md768lg1024xl12802xl15361920
min-width breakpoints
| Name | px | Matches |
|---|---|---|
| sm | 640 | yes |
| md | 768 | yes |
| lg | 1024 | yes |
| xl | 1280 | yes |
| 2xl | 1536 | no |
Quick presets
Generate CSS snippets in our media query generator, compare real device specs in our device database, or device compare.
Related tools
Test any custom width in the full responsive breakpoint checker, generate CSS with the media query generator, or read live values on what is my viewport.