Skip to content

Instantly share code, notes, and snippets.

@sarachisholm
Created January 5, 2017 18:07
Show Gist options
  • Save sarachisholm/722f6c172042103efdbf44ef5c6719de to your computer and use it in GitHub Desktop.
Save sarachisholm/722f6c172042103efdbf44ef5c6719de to your computer and use it in GitHub Desktop.
<!--HTML-->
<table> /* “Desktop” width — 600px - 300*2 */
<tr>
<td class=”col” width=”300”>...</td>
<td class=”col” width=”300”>...</td>
</tr>
</table>
<!--CSS-->
@media only screen and (max-width: 600px)
{ table, tr, td {
display: block; /* table-cell -> block */
width: 100%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment