📱
Responsive Breakpoint Calculator
Calculate responsive design breakpoints
📏
Design & Graphics ✅ Free to Use
Responsive Breakpoint Calculator
Plan responsive design breakpoints for different devices and screen sizes. Compare popular framework breakpoints and create custom responsive layouts.
Device Category: Desktop
Common Device Breakpoints
Mobile Portrait (iPhone 5/SE)
320px
Mobile
Mobile Landscape (iPhone 5/SE landscape)
568px
Mobile
Tablet Portrait (iPad portrait)
768px
Tablet
Tablet Landscape (iPad landscape)
1024px
Small Desktop
Desktop Small (Small desktop)
1280px
Desktop
Desktop Large (Large desktop)
1440px
Desktop
Desktop XL (Full HD desktop)
1920px
Large Desktop
Desktop 4K (4K displays)
3840px
Large Desktop
Popular Framework Breakpoints
Bootstrap 5
xs
0px+
Extra small devices
sm
576px+
Small devices
md
768px+
Medium devices
lg
992px+
Large devices
xl
1200px+
Extra large devices
xxl
1400px+
Extra extra large
Tailwind CSS
sm
640px+
Small devices
md
768px+
Medium devices
lg
1024px+
Large devices
xl
1280px+
Extra large devices
2xl
1536px+
Extra extra large
Material Design
xs
0px+
Extra small
sm
600px+
Small
md
960px+
Medium
lg
1280px+
Large
xl
1920px+
Extra large