Samsung Galaxy S26 Ultra Screen Size & Viewport

Why this viewport matters

When a user visits your site on the Samsung Galaxy S26 Ultra, the browser reports window.innerWidth = 412 and window.devicePixelRatio = 2.625. Your CSS media queries match against the 412px CSS width, not the 1440 × 3120 physical pixel count of the panel.

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

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

/* Samsung Galaxy S26 Ultra: 412×891 CSS px, DPR 2.625 */
@media (max-width: 412px) {
  /* styles for this width and narrower */
}

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