Photos distorted on mobile

Hello,

I need help please to make my form mobile friendly.

On one of my other forms I thought there was a widget that helped with this.

On mobiles my photos look long a stretched out.

I tried one the CSS codes I found here but it didnt help

Thank you

Hi SAISAinc,

Thanks for reaching out to Jotform Support. Rest assured, we’ll find a solution for it. Can you take a screenshot of what’s happening and send it to us? We’ve got a guide here that’ll show you how to do that.

Once we hear back from you, we'll be able to move forward with a solution.

Below is how it looks on a laptop :)

Hi SAISAinc,

I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

Thanks for your patience and understanding, we appreciate it.

Hi Saisainc,

Thanks for your patience. In order for the pictures to fit better in mobile view, we just need to add a CSS code. Let me walk you through it:

1. Copy the code below:

@media only screen and (max-width:480px){

#text_3 > p > strong > span > img,

#text_3 > p > img {

height: 350px !important;

}

}

 2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.

Check out the screencast below to see my results:

Keep us updated and let us know if you need any more help.