How can I make sure my pictures are shown correctly for users answering the questionnaire via mobile phone?

Question

The photos in my stimulus are currently not displayed correctly on mobile phone. I integrated the photos with the following code:

style="text-align: center"; ><img src="Tabak2.jpg" style ="max-width: 100%" alt="Meme 1 zur Tabakinitiative"

I was hoping that the command style ="max-width: 100%" would change the problem, but nothing changed.

My questionnaire can be found here: www.soscisurvey.de/pretestmemes/

Thank you!

Comments

What is the correct HTML code? It seems you have postet two half tags?

---

I used the following code

<p style="text-align: center"; ><img src="Tabak2.jpg" style ="max-width: 100%" alt="Meme 1 zur Tabakinitiative"></p>

---

Looks good so far - except maybe for the whitespace between "style" and the equal-sign (=). The image should not lap over the quationnaire. What does it actually do? Would you like to post a pretest link directly (!) to the respective page?

---

https://www.soscisurvey.de/pretestmemes/index.php?i=JS3KRNHXBFUY&rnd=JUPW

Answer 1

Thanks for the pretest URL.

It seems that you have a little typo in max-with: 100%, it has to be max-width: 100% (missing the d).

Comments

Thanks for your help! All good now.