A carried-forward Pixel layout
The panel, CSS width and density remain aligned with the previous base Pixel, while the portrait reference differs slightly in vertical extent.
Pixel 10: 6.3″, 1080 × 2424, 422 PPI, 412 × 923 CSS viewport at DPR 2.625. It retains the established base-Pixel width and density while using a slightly shorter portrait reference than its predecessor, so horizontal behavior carries over but vertical edge cases deserve a fresh pass.
The panel, CSS width and density remain aligned with the previous base Pixel, while the portrait reference differs slightly in vertical extent.
The generation change does not create evidence for another breakpoint because the layout-facing reference is unchanged.
This Pixel reference should sit beside narrow Galaxy and larger Android targets rather than replace them.
The specifications below come from the device records; the notes explain why each comparison is useful.
| Device configuration | Matched to | Screen | Panel | Viewport / workspace | PPI |
|---|---|---|---|---|---|
| Pixel 10 Current page | Pixel 10 | 6.3″ | 1080 × 2424 | 412 × 923 | 422 |
| Pixel 9 The previous base Pixel preserves horizontal behavior while providing the neighboring taller portrait reference. | Pixel 10 | 6.3″ | 1080 × 2424 | 412 × 924 | 422 |
| Galaxy S26 The base Galaxy provides a narrower Android companion target for layout pressure testing. | Pixel 10 | 6.3″ | 1080 × 2340 | 360 × 780 | 409 |
/* Pixel 10 — portrait reference, not a breakpoint */
viewport: 412 × 923 CSS px
panel: 1080 × 2424 · DPR 2.625
/* Test immediately below and above your layout breakpoints. */Use the 412 × 923 CSS px at DPR 2.625 as a real QA target, then pair it with nearby widths for regression testing.
Values marked official come from manufacturer specifications; calculated values are derived from them; reference values are developer layout references and can vary with browser, zoom and operating-system settings.
Sources: Google · en.wikipedia.org · Facts reviewed 2026-08-07
Content reviewed 2026-09-16