Samsung Galaxy Z Flip 8 Screen Size & Viewport

Why this viewport matters

When a user visits your site on the Samsung Galaxy Z Flip 8, the browser reports window.innerWidth = 360 and window.devicePixelRatio = 3. Your CSS media queries match against the 360px CSS width, not the 1080 × 2520 physical pixel count of the panel.

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

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

/* Samsung Galaxy Z Flip 8: 360×840 CSS px, DPR 3 */
@media (max-width: 360px) {
  /* styles for this width and narrower */
}

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