Skip to content

Instantly share code, notes, and snippets.

@shopifypartners

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

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