Current Device
Browser & System
User Agent
Platform
Language
Timezone
CSS Breakpoint Reference
| Framework | xs | sm | md | lg | xl | 2xl / xxl |
|---|---|---|---|---|---|---|
| Tailwind CSS | < 640px | ≥ 640px | ≥ 768px | ≥ 1024px | ≥ 1280px | ≥ 1536px |
| Bootstrap 5 | < 576px | ≥ 576px | ≥ 768px | ≥ 992px | ≥ 1200px | ≥ 1400px |
| Material UI | < 600px | ≥ 600px | ≥ 900px | ≥ 1200px | ≥ 1536px | — |
| Chakra UI | < 480px | ≥ 480px | ≥ 768px | ≥ 992px | ≥ 1280px | ≥ 1536px |
Breakpoint shown in the header updates live as you resize.
Common Device Resolutions
Logical (CSS) pixels. Highlighted row = closest match to your current screen.
| Device | Type | CSS (logical) px | DPR | Physical px | Match |
|---|---|---|---|---|---|
| You | |||||
| No devices for this filter. | |||||