Bigger display size on a zoom-in image | Experience Community
Skip to main content
Question

Bigger display size on a zoom-in image

  • May 27, 2026
  • 1 reply
  • 8 views
C

I was trying to make the display size bigger for a zoom-in image. I followed the instructions on this page, and the zoom-in effect worked: the original full image shown on the left panel and the zoom-in effect shown on the right.

However, the entire display box for both the full-image panel and the zoom-in panel is small. Anyway to revise the codes to make the overall display window bigger? Tried different ways to revise the codes but couldn’t make it to work. 

1 reply

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Tom_1842
  • Level 8 ●●●●●●●●
  • May 27, 2026

In .wrapper, try removing both height rules and then changing "width: 600px" to "width: 85vw"

.wrapper {
 display: flex;
 width: 85vw;
 margin: 10px auto;
}

 

Terms & ConditionsAccessibility statement