Sooooo, I'm going to hang out with me a bit here, but stay with me. Back when smartphones started to become something email marketers had to deal with, the common solution I saw from everyone was single column emails. Which makes sense because few mobile email clients support media queries. The easiest choice was to avoid the problem entirely by sticking to single-column designs in desktop that easily resize for mobile. But with support for more and more media queries these days, you can create more interesting designs that take advantage of responsive coding to make your email design respond to the size of the screen your emails are on. subscribers view them.
I will guide you: Normal and reverse stacking order 2 ways to code content that stacks up When mobile content should not be stacked Why stack columns on mobile Mobile devices offer a very limited viewing screen and the ideal design for mobile devices is a column. But we don't want to limit ourselves to single column designs on Image Masking Service the desktop where we have a lot of space. Enter media queries to allow you to stack content on mobile to ensure your content is optimized for the smallest screen. Office Mobile office email from lulu and georgia mobile messaging from lulu and georgia.png Source: very good emails Keeping email content in the same desktop layout results in very small text and images or squashed content on mobile devices.
This is not a good user experience because your subscribers will likely have difficulty reading your content, like this email as large as the screen of some cellphones: a children's book about email Source: very good emails Do your subscribers a favor and make sure your emails look their best in every reading environment. Stacking Methods for Email Design When you want to stack columns on top of each other, content can stack in two different ways: with the left column on top (normal stacking) or the right column on top (reverse stacking). normal stacking Normal stacking is the most common form of stacking. It takes the content from the left column and stacks it on top of the content from the right column, like this: