A table displaying the most popular screen resolutions based on the computers, tablets, and phones people use today.
Recommendations
Mobile & Tablet CSS Breakpoints
- Between phones & tablets : @media (min-width:429px) {}
- Between tablets & low-res monitors : @media (min-width:1025px) {}
- Between low-res monitors & HD monitors: @media (min-width: 1367px) {}
Low Resolution Desktop Sizes
- Type I: 1280 x 800
- Type II: 1366 x 768
Banner and Slideshow Heights
- Mobile: 844px (iPhone 13, 12 Pro)
- Tablet: 1024px (iPad)
- Max-Height on Web 1280 Monitors: 800px
CSS Screen Resolutions - As of Spring 2022
Mobile
- Smallest screen size: 360px (Samsung Galaxy S10)
- Best height: 812px
- Smallest height: 760px (Samsung Galaxy S10)
- Most popular phones:
- iPhone 13 Pro Max, Pro, and Mini
- Google Pixel 6 Pro, 6, and Pixel 5A
Specifications in pixels
| Type |
Model |
Width |
Height |
| iPhone |
13, 12 Pro Max |
428 |
926 |
| iPhone |
13, 12 Pro |
390 |
844 |
| iPhone |
13, 12 Mini |
375 |
812 |
| All Google Pixel Phones |
6 Pro, 6, 5A |
412 |
778, 796, 788 |
| Samsung Galaxy |
S10 |
360 |
760 |
Tablets
Note : With monitor widths ranging from 1368 to 1440 pixels, the Surface tablet can be treated as desktop monitors.
- Smallest screen size: 744 (IPad Mini)
- Best height: 1024px for iPad
- Smallest height: 912 (Surface Pro 7)
- Most popular tablets:
- iPad
- Samsung Galaxy Tab 10
- Surface Pro 7
Specifications in Pixels
| Type |
Model |
Width |
Height |
| iPad |
Pro 12.9in |
1024 |
1366 |
| iPad |
Pro 11in |
834 |
1194 |
| iPad |
Air |
820 |
1180 |
| iPad |
iPad |
768 |
1024 |
| iPad |
Mini |
744 |
1133 |
| Samsung |
Galaxy Tab10 |
800 |
1280 |
| Surface |
Pro 7 |
1368 |
912 |
| Surface |
Pro 8 |
1440 |
960 |
Monitors
- Smallest screen size: 1280
- Smallest height: 800px for Web 1280
Specifications in Pixels
| Type |
Width |
Height |
| Web 1280 |
1280 |
800 |
| Web 1366 |
1366 |
768 |
| Web 1920 |
1920 |
1080 |
| Web 2560 |
2560 |
1440 |
| 4K |
3840 |
2160 |
| Full 4K |
4096 |
2304 |
| Ultrawide |
5120 |
2880 |
