Menu icon Foundation
Best Method for A Responsive Row of Images?

What I'd like to have is a row of separate images that only occupy 1/3 of the full-width of the email, but then stay inline once the email is pulled down to mobile. Here's what I'm talking about basically.

Full width:

Screen shot 2015 12 18 at 3.17.43 pm

Mobile:

Screen shot 2015 12 18 at 3.17.55 pm

Make sense? I've tried sub-grids and block-grid but haven't been able to hack this out. Let me know if I can clarify anything and thanks for any advice you could offer.

Responsiveimagesink

What I'd like to have is a row of separate images that only occupy 1/3 of the full-width of the email, but then stay inline once the email is pulled down to mobile. Here's what I'm talking about basically.

Full width:

Screen shot 2015 12 18 at 3.17.43 pm

Mobile:

Screen shot 2015 12 18 at 3.17.55 pm

Make sense? I've tried sub-grids and block-grid but haven't been able to hack this out. Let me know if I can clarify anything and thanks for any advice you could offer.

Brock almost 4 years ago

Tricky!
I'd like to say Flexbox, but not sure how mobile compatible it's going to be though?
What I'd probably do myself in this case, I know it's not elegant, but I'd probably create 2 versions of the row that show/hide based on screen width.