CSS Breakpoint Tester
See which CSS breakpoint is active at the current viewport width — Tailwind, Bootstrap, or custom.
Viewport width
—
Active breakpoint
—
Enter breakpoints as name:px pairs, one per line.
| Name | Min-width | CSS | Active |
|---|
How to use
- Resize your browser window and the indicator updates in real time.
- Select the framework preset (Tailwind, Bootstrap) or enter custom breakpoints.
- The active breakpoint is highlighted, showing which CSS rules are in effect.
Related tools
Frequently Asked Questions
- Is this tool free?
- Yes, completely free with no signup required.
- Does my data leave my device?
- No. Everything runs in your browser — nothing is sent to any server.
- Does it work on mobile?
- Yes. The tool is mobile-first and works on any modern browser including iOS Safari and Android Chrome.
Last updated: By jarvisbox