Skip to content

Instantly share code, notes, and snippets.

@cossssmin

cossssmin/pine-columns-on-mobile-max-12.html

Last active November 23, 2017 17:51
Show Gist options
  • Save cossssmin/c9baabd630f63d637f5b85c0eae54509 to your computer and use it in GitHub Desktop.
Save cossssmin/c9baabd630f63d637f5b85c0eae54509 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
pine-columns-on-mobile-max-12.html
<table align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td style="padding: 0 20px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col col-sm-6" width="200" style="padding: 0 10px;">
<p>6 cols on mobile</p>
</td>
<td class="col col-sm-4" width="200" style="padding: 0 10px;">
<p>4 cols on mobile</p>
</td>
<td class="col col-sm-6" width="200" style="padding: 0 10px;">
<p>6 cols on mobile - this column breaks on the next line, because 6 + 4 + 6 > 12</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment