title: fit image to cell on resize in html email
body: <p>I have an responsive html email design which I did using <a href="https://www.campaignmonitor.com/blog/post/4240/creating-a-centred-responsive-design-without-media-queries" rel="nofollow noreferrer">this</a> tutorial from campaign monitor but I have one problem my image is not fitting to the device when it is viewed on mobile,after designing many templates and reading a lot on email designing blogs I learned that gmail by default remove css or styling in the head part and allows only inline html .So now in my case I want my image to fit the device width but its not fitting when I am sending in mail but I can see on browser because of  below coded media query .</p>
  
  <pre><code> @media screen and (max-width: 480px) and (min-width:300px) {
  .col185{max-width:100% !important;}
  .col180{max-width: 100% !important;}
  .col180 img{
    height: 155px;
   }
  }
  </code></pre>
  
  <p>. So what is there any way where in i can see image stretched on my mobile device also. <a href="http://jsfiddle.net/AnkitaPalekar/r53aLokq/" rel="nofollow noreferrer">This</a> is my js fiddle link . <img src="https://i.stack.imgur.com/PleEH.png" alt="this is how it looks on mobile"></p>