# Help - How do you make an image responsive in Gravity forms?

**URL:** <https://community.gravityforms.com/t/help-how-do-you-make-an-image-responsive-in-gravity-forms/12351>\
**Category:** Get Help\
**Tags:** responsive, media-queries, mobile, css\
**Created:** [April 4, 2022, 4:26pm UTC](https://community.gravityforms.com/t/help-how-do-you-make-an-image-responsive-in-gravity-forms/12351 "2022-04-04T16:26:50Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![hygrffth](https://avatars.discourse-cdn.com/v4/letter/h/3ec8ea/32.png) [@hygrffth](https://community.gravityforms.com/u/hygrffth)\
**Post date:** [April 4, 2022, 4:26pm UTC](https://community.gravityforms.com/t/help-how-do-you-make-an-image-responsive-in-gravity-forms/12351/1 "2022-04-04T16:26:50Z")

</div>

How do you make an image in Gravity forms responsive? I added an image and it looked great on a desktop but when I viewed it in my mobile phone it was too small.

How can I make an image in Gravity forms responsive so that it appears much bigger on a mobile device?

Many thanks

---

<div class="post-metadata">

**Author:** ![sacom](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/sacom/32/53_2.png) [@sacom](https://community.gravityforms.com/u/sacom)\
**Post date:** [April 5, 2022, 3:25pm UTC](https://community.gravityforms.com/t/help-how-do-you-make-an-image-responsive-in-gravity-forms/12351/2 "2022-04-05T15:25:03Z")

</div>

In the same way that you added your own HTML tag to include the image, you will need to add also your own CSS to your site to make it responsive.

For example, by adding a CSS class name to your HTML img tag and adding your custom CSS to the site with the CSS properties for that CSS class.

The following links may help you with the CSS:  
​  
[http://www.w3schools.com/cssref/css3\_pr\_mediaquery.asp](http://www.w3schools.com/cssref/css3_pr_mediaquery.asp)  
​

> **[How To Use CSS3 Media Queries To Create a Mobile Version of Your Website —...](https://www.smashingmagazine.com/2010/07/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/)**
>
> This article will demonstrate a technique that uses part of CSS3 that is also unsupported by Internet Explorer 8. However, \*\*it doesn't matter\*\* as one of the most useful places for this module is somewhere that does have a lot of support - small...

---

<div class="post-metadata">

**Author:** ![hygrffth](https://avatars.discourse-cdn.com/v4/letter/h/3ec8ea/32.png) [@hygrffth](https://community.gravityforms.com/u/hygrffth)\
**Post date:** [April 5, 2022, 11:41pm UTC](https://community.gravityforms.com/t/help-how-do-you-make-an-image-responsive-in-gravity-forms/12351/3 "2022-04-05T23:41:56Z")

</div>

Thanks again Samuel. I might also use a Lightbox plugin to increase the size of the Pop up image.

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [April 6, 2022, 2:57pm UTC](https://community.gravityforms.com/t/help-how-do-you-make-an-image-responsive-in-gravity-forms/12351/4 "2022-04-06T14:57:03Z")

</div>

Closed on April 6, 2022, 2:57pm UTC