Samsung Galaxy Z Fold 7 (unfolded) Screen Size & Viewport

Why this viewport matters

When a user visits your site on the Samsung Galaxy Z Fold 7 (unfolded), the browser reports window.innerWidth = 984 and window.devicePixelRatio = 2. Your CSS media queries match against the 984px CSS width, not the 1968 × 2184 physical pixel count of the panel.

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

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

/* Samsung Galaxy Z Fold 7 (unfolded): 984×1092 CSS px, DPR 2 */
@media (max-width: 984px) {
  /* styles for this width and narrower */
}

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