Responsive Breakpoint Checker
Enter any width in pixels to see which min-width tiers match—using the same defaults as Tailwind CSS (sm 640, md 768, lg 1024, xl 1280, 2xl 1536).
Viewport width
Largest Tailwind breakpoint satisfied: base (min-width rules use the same pixel values as Tailwind v3 defaults.)
min-width breakpoints
| Name | px | Matches |
|---|---|---|
| sm | 640 | no |
| md | 768 | no |
| lg | 1024 | no |
| xl | 1280 | no |
| 2xl | 1536 | no |
Quick presets
Compare real device specs in our device database or device compare.
How we label the active tier
We show the largest named breakpoint your width satisfies (e.g. at 900px you are in the md range for min-width stacking). Your own CSS might use different numbers—always verify in your config.
Explore real hardware sizes in our device list or open live viewport on a device.
Presets
Use the quick buttons for common phone and desktop widths, then compare with device compare when you need full specs.