Skip to content

Instantly share code, notes, and snippets.

@shopifypartners

shopifypartners/dirty-css-hacks-for-responsive-email-fab-four-min-width-wins.css

Forked from sarachisholm/responsive-email-fab-four-min-width-wins.css
Last active March 17, 2017 19:46
Show Gist options
  • Save shopifypartners/4fdaab99457cdc18e3d99ee4a4c432a7 to your computer and use it in GitHub Desktop.
Save shopifypartners/4fdaab99457cdc18e3d99ee4a4c432a7 to your computer and use it in GitHub Desktop.
Download ZIP
The Fab Four technique min width wins example - https://www.shopify.com/partners/blog/dirty-css-hacks-for-responsive-emails
Raw
dirty-css-hacks-for-responsive-email-fab-four-min-width-wins.css
.block {
display: inline-block;
min-width: 50%; /* 300px */
max-width: 100%; /* 600px */
width: calc((480px - 100%) * 480); /* or [calc((480px - 600px) * 480);], which equals -57,600px */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment