Device Screen Sizes
Smartphones
| Device | Resolution | Screen | PPI |
|---|---|---|---|
| iPhone 15 Pro | 2556 × 1179 | 6.1" | 460 |
| iPhone 15 Pro Max | 2796 × 1290 | 6.7" | 460 |
| iPhone 14 | 2532 × 1170 | 6.1" | 460 |
| Samsung Galaxy S24 | 2340 × 1080 | 6.2" | 416 |
| Samsung Galaxy S24 Ultra | 3088 × 1440 | 6.8" | 501 |
| Google Pixel 8 | 2400 × 1080 | 6.2" | 428 |
| Xiaomi 14 | 2670 × 1200 | 6.36" | 460 |
| Huawei Pura 70 | 2760 × 1256 | 6.8" | 450 |
Tablets
| Device | Resolution | Screen |
|---|---|---|
| iPad Pro 12.9" | 2732 × 2048 | 12.9" |
| iPad Pro 11" | 2388 × 1668 | 11" |
| iPad Air (M2) | 2360 × 1640 | 11" |
| Samsung Galaxy Tab S9 | 2560 × 1600 | 11" |
Common Breakpoints (CSS)
| Breakpoint | Width |
|---|---|
| Mobile (small) | ≤ 480px |
| Mobile (large) | ≤ 768px |
| Tablet | 769px – 1024px |
| Desktop | 1025px – 1440px |
| Large desktop | ≥ 1441px |