How do I make an image automatically resize for mobile screens? | XM Community
Solved

How do I make an image automatically resize for mobile screens?

  • 8 July 2019
  • 4 replies
  • 585 views

!

Hello!

At the moment I am working on my dissertation. I almost finished my Qualtrics design, but one thing remains before distributing the survey. When I preview the mobile version the image that I added above the text (as shown in the attached image) does not resize to the mobile version. Therefore the text under the image does also not resize and is therefore hard to read on a mobile phone. I am still very new to coding, but does somebody know how I can make the image above the text automatically resize towards the screen that the respondent uses?

Thank you very much in advance!

Kind regards,

Luuk
icon

Best answer by JenCX 8 July 2019, 16:49

View original

4 replies

Userlevel 7
Badge +11
It should do this natively. How did you add the image? Check through this resource and see if it solves your problem.
Userlevel 7
Badge +27
Set max-width to 100%:
```
<img src="https://your_image" alt="Alt Text" style="max-width:100%">
```
Userlevel 2

Hi, sorry I am new to Qualtrics, where do you enter that CSS?

Userlevel 7
Badge +27

AlexPanic - What I posted above is html with inline css. Edit your question text in HTML View.

Leave a Reply