Hybrid email coding
Hybrid (or Spongy) is a method of coding that was developed (by MailChimp’s Fabio Carneiro ) when a fix was needed for emails to display responsive on devices that didn’t read media queries. The basic idea for this method is to have separate code for the notorious outlook and the rest reads the html as its coded (inline). <table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ class=”[class.name]”> <tr> <td align =” center ” valign =” top ” style =” padding:0px;text-align: center; vertical-align: top; font-size: 0px; ” class =” padleft “> Before hybrid coding is started the table data that will contain the div’s has to have the above code. The code allows each div width a specific width to sit beside each other when rendered in a browser. A class will be created and used in a media query (max-width:601px) to force the table to be 600px wide. This will ensure devices that read media query render the outer table at 600px. <!...