Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSS Grid in Email – Elliot Ross at #LitmusLive 2017

Elliot Ross
August 03, 2017

CSS Grid in Email – Elliot Ross at #LitmusLive 2017

an introduction to CSS Grid and how we might use it in email design

Elliot Ross

August 03, 2017
Tweet

More Decks by Elliot Ross

Other Decks in Design

Transcript

  1. Why? • More layout opportunities both on mobile and in

    600+ • Still support legacy email clients • Lighter, accessible code • It’s actual innovation
  2. CSS Grid won’t replace tables (for ages) It’s an enhancement

    we can use to create interesting layouts
  3. Team Awesome • iPhone (iOS 10.3+) • iPad (iOS 10.3+)

    • Apple Mail (recent) • Outlook 2015 (mac version) • Thunderbird • AOL Mail • Free Net • (plus hosted version in a browser)
  4. More on CSS Grid • gridbyexample.com by Rachel Andrew •

    jensimmons.com/post/jul-27-2017/css-grid-101 • css-tricks.com/snippets/css/complete-guide-grid • marcthiele.com/notes/is-it-safe-to-start-using-grid-layout • learncssgrid.com • cssgridgarden.com