title: Email Signature (Mobile-friendly specially for Gmail App)
body: <p>I am trying to create an email signature specially for Gmail App. Unfortunately, media queries are not compatible for Gmail app. So i tried learning <em>fluid hybrid</em> method from <a href="http://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919" rel="nofollow">http://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919</a> to create an email signature that is mobile friendly. The link below indicates just part of the sample.</p>
  
  <p><a href="http://jsbin.com/supixiquji/edit?html,css,output" rel="nofollow">http://jsbin.com/supixiquji/edit?html,css,output</a></p>
  
  <p>So the problem is, when I tried stretching the window to be smaller in jsbin ( which resulted in lesser width) . </p>
  
  <p>a) The first part with lots of words automatically readjusted to fit with the smaller width but for </p>
  
  <p>b) second part with twitter, fb and googleplus logo. When i tried stretching it, the icons do not readjust based on the smaller width and went to the next line instead of staying on the same line with the wwe.com. </p>
  
  <p>Please do help if anyone knows how to solve the problem so that even if the window is stretched to the minimum width, the icons will still stick on the same line. (which could prove to be mobile friendly too)</p>