The Google Pixel 10 Pro Fold (folded) viewport used by Mobile Preview is 412 × 901 CSS pixels in portrait and 901 × 412 in landscape. The camera is a punch-hole camera.
Size at a glance
| Portrait | 412 × 901 px |
|---|---|
| Landscape | 901 × 412 px |
| Aspect ratio (height / width) | 2.19 |
| Camera | punch-hole camera |
| Tailwind (portrait) | below sm (under 640px) |
| Tailwind (landscape) | md (768px and up) |
These are CSS (layout) pixels, the sizes used by the Mobile Preview frame. Real devices can differ slightly with the browser interface, the display zoom setting or the operating system version.
Test it in CSS
Prefer breakpoints based on your content over device-specific rules. If you need to reproduce this exact size, for example to debug a layout, this media query matches it in portrait:
@media (width: 412px) and (height: 901px) {
/* Google Pixel 10 Pro Fold (folded), portrait */
}Android browsers keep the status bar above your page, so the punch-hole camera rarely hides content in a normal tab. Test sticky headers, full-screen overlays and installed web apps, where the page can extend under the status bar.
Preview the Google Pixel 10 Pro Fold (folded) in VS Code
The Google Pixel 10 Pro Fold (folded) frame is part of Mobile Preview Pro (€6.99, one-time payment, no subscription). The free version includes the iPhone 16, iPhone 17 and iPhone 17 Pro Max. Install the extension, start your dev server, run “Mobile Preview: Show” and pick the Google Pixel 10 Pro Fold (folded) from the device menu: your page appears in the frame next to your code and reloads when you save.
Similar widths
- iPhone 11 (414 × 896)
- iPhone 13 Pro (390 × 844)
- iPhone 14 Pro (393 × 852)
- iPhone 15 (393 × 852)
- iPhone 15 Pro Max (430 × 932)
- iPhone 16 (393 × 852)
Frequently asked questions
- What is the Google Pixel 10 Pro Fold (folded) viewport size in CSS pixels?
- 412 × 901 in portrait (width × height) and 901 × 412 in landscape, as used by Mobile Preview. The physical screen has more pixels than this; CSS pixels are what your layout sees.
- Which Tailwind breakpoint does the Google Pixel 10 Pro Fold (folded) fall in?
- With Tailwind's default breakpoints, the Google Pixel 10 Pro Fold (folded) is below sm (under 640px) in portrait and md (768px and up) in landscape.
- Can I preview my site on the Google Pixel 10 Pro Fold (folded) in VS Code?
- Yes. The Google Pixel 10 Pro Fold (folded) frame is part of Mobile Preview Pro (€6.99, one-time payment). The free version includes the iPhone 16, iPhone 17 and iPhone 17 Pro Max.
All device sizes · FR · ES · PT · DE