Google Pixel 11 Pro Fold (unfolded) Screen Size & Viewport

Why this viewport matters

When a user visits your site on the Google Pixel 11 Pro Fold (unfolded), the browser reports window.innerWidth = 791 and window.devicePixelRatio = 2.625. Your CSS media queries match against the 791px CSS width, not the 2076 × 2152 physical pixel count of the panel.

At 791px it hits Tailwind md (768px) and Bootstrap md (768px). Rotated to 820px it moves to Tailwind md, so check both orientations.

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

/* Google Pixel 11 Pro Fold (unfolded): 791×820 CSS px, DPR 2.625 */
@media (max-width: 791px) {
  /* styles for this width and narrower */
}

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