Test how a URL looks at different screen widths using common device breakpoints.
Runs entirely in your browser.
Responsive Design Testing Tool
URL to Test
iPhone SE (320) iPhone (375) iPhone 14 (390) iPhone Plus (414) iPad (768) iPad Pro (1024) Laptop (1280) Desktop (1440) Full HD (1920)
Custom Width: px Height: px
1024 × 600 iPad Pro
Common Breakpoints
| Breakpoint | Width | CSS |
|---|---|---|
| Mobile S | 320px | @media (min-width: 320px) |
| Mobile M | 375px | @media (min-width: 375px) |
| Mobile L | 425px | @media (min-width: 425px) |
| Tablet | 768px | @media (min-width: 768px) |
| Laptop | 1024px | @media (min-width: 1024px) |
| Desktop | 1440px | @media (min-width: 1440px) |
About Responsive Design
Responsive design is an approach to web design that makes web pages render well on a variety of devices and window or screen sizes.