M
Mahyar NasiriDeveloper
Menu
Back to Tools

Viewport Sizes

Common device viewport sizes and CSS breakpoints with live detection.

Your Viewport

0 × 0

Mobile
devicePixelRatio: 1

Mobile

DeviceWidthHeight
iPhone SE375px ▲667px
iPhone 14390px ▲844px
iPhone 14 Pro Max430px ▲932px
Samsung Galaxy S23360px ▲780px
Google Pixel 7412px ▲915px

Tablet

DeviceWidthHeight
iPad Mini768px ▲1024px
iPad Air820px ▲1180px
iPad Pro 11"834px ▲1194px
iPad Pro 12.9"1024px ▲1366px
Samsung Galaxy Tab800px ▲1280px

Desktop

DeviceWidthHeight
Laptop (small)1280px ▲720px
Laptop (standard)1366px ▲768px
MacBook Air1440px ▲900px
MacBook Pro 16"1728px ▲1117px
Desktop HD1920px ▲1080px
Desktop 2K2560px ▲1440px

Common Breakpoints

DeviceWidthHeight
sm (Tailwind)640px ▲—
md (Tailwind)768px ▲—
lg (Tailwind)1024px ▲—
xl (Tailwind)1280px ▲—
2xl (Tailwind)1536px ▲—

Bootstrap

DeviceWidthHeight
xs●0px—
sm576px ▲—
md768px ▲—
lg992px ▲—
xl1200px ▲—
xxl1400px ▲—