Google Pixel 11 Pro Screen Size & Viewport

Why this viewport matters

When a user visits your site on the Google Pixel 11 Pro, the browser reports window.innerWidth = 410 and window.devicePixelRatio = 3.125. Your CSS media queries match against the 410px CSS width, not the 1280 × 2856 physical pixel count of the panel.

At 410px it hits no Tailwind breakpoint (base styles only) and no Bootstrap breakpoint. Rotated to 914px it moves to Tailwind md, so check both orientations.

For sharp full-width images, serve a source at least 1281px wide (410 CSS px × 3.125 DPR) through srcset and let the browser pick it.

/* Google Pixel 11 Pro: 410×914 CSS px, DPR 3.125 */
@media (max-width: 410px) {
  /* styles for this width and narrower */
}

@media (min-resolution: 3.125dppx) {
  /* serve high-density assets */
}