Newsletter Tricks

How to get mobile responsive. Squeeze width to make table cols flow beneath.

by Ben Clayton

HTML

<table width=580>
    <tr>
        <td class="column" width=280 style="border:1px solid red">
        &nbsp;</td>
        <td class="columnmargin" width=10 style="border:1px solid green">
        &nbsp;</td>
        <td class="column" width=280 style="border:1px solid red">
        &nbsp;</td>
    </tr>
</table>

CSS

@media only screen and (max-width: 599px){
    .column {display:block; width:100% !important}
    .columnmargin {display:none;}
}