Screen sizes
There are a multitude of screen sizes that Pinterest operates on. Our design system is built to flex to any and all screen sizes across platforms, but for consistency and ease of handoff, we only design for a handful of screen sizes per platform. Our screen sizes are always at 1x.
Web (px)
Device | Size (px) |
|---|---|
Small phone | 320 x 568 |
Phone | 360 x 780 |
Tablet | 768 x 1024 |
Desktop Breakpoints (min-width) Components in Gestalt adjust to browser size at these breakpoints. When designing, please make sure your designs take these breakpoints into consideration. | sm: 576px md: 768px lg: 1312px |
iOS (pt)
Device | Size (pt) |
|---|---|
Small phone | 320 x 568 |
Phone | 360 x 780 |
Tablet | 768 x 1024 |
Android (dp)
Device | Size (dp) |
|---|---|
Small phone | 320 x 480 |
Phone | 360 x 640 |
Tablet | 800 x 1280 |