How to make sure photos are the same proportionate size, regardless of device? | XM Community
Skip to main content

Hi, I am trying to present a survey that has many pictures, but I want them to show up the same way regardless of the participant's screen size. Is there a way to make the photos change dynamically depending on the screen size? For example, If the screen in small the image goes smaller and if the screen is big the images go bigger?

Overall, I just want the pictures to take up the same amount of screen space on each computer, proportionately.
I hope this makes sense! I'm open to all suggestions!

HI mmccree ,
You can use below style tag to achieve the same:
img {
  width: 100%;
  height: auto !important;
}


And set the proportionate image size based on screen size.
Hope it resolves your query😊!!

qualtrics_nerd Thank you for responding! I'm a little new to qualtrics, so can you explain where I would put this? Is it in the look & feel settings? or the HTML for the picture itself?
I'm also not sure how to set it to be proportionate? I apologize for my confusion

Hi mmccree ,
You can use with your img tag only inside style attribute:

Hope it resolves your query😊!!

Leave a Reply


Terms & Conditions