Responsive Breakpoint Tester
Responsive Design Testing Tool
Test how a URL looks at different screen widths using common device breakpoints.
iPhone SE (320)
iPhone (375)
iPhone 14 (390)
iPhone Plus (414)
iPad (768)
iPad Pro (1024)
Laptop (1280)
Desktop (1440)
Full HD (1920)
px
px
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.
Learn more about Responsive Web Design and Media Queries.
