Menu icon Foundation
Ink email layout

Example

I'm looking to create a responsive email with Ink and I'm looking to flow the content as the example shows. I had it working, then after a few edits, I can't get it back haha. So I know it's possible, but how would you go about pulling off something like this?

inkemailReflow

Example

I'm looking to create a responsive email with Ink and I'm looking to flow the content as the example shows. I had it working, then after a few edits, I can't get it back haha. So I know it's possible, but how would you go about pulling off something like this?

Jordan Bommelje over 4 years ago

So I'm realizing if I do a fixed 600px layout, things look good in desktop view, but in mobile, it shrinks things down. If I do 100%, it looks great in mobile, but desktop then has things stretched across the window. shakes fist at Outlook any ideas to remedy this?

Rafi Benkual over 4 years ago

I think you can make this with eight columns and four columns.

Then you can use a sub-grid to make the sidebar http://zurb.com/ink/docs.php#sub-grid

Jordan Bommelje over 4 years ago

I tried doing that, however images still seem to show up. Not sure why