![]() This dirty little trick was originally created (and mastered) by Rémi Parmentier, a French web developer “ with an affinity for emails,” but explained thoroughly by Vitaly himself in his presentation. If min-width is greater than the width or max-width values, min-width wins.If width value is greater than the max-width value, max-width wins.However, there are two things you should know about the above values (and this is where things get a little weird): Your current CSS might already look a little something like this: Well, first you’ll need to open your mind to the idea that what you’re about to read may not make total sense (at a glance).Īnd second, you’ll need to take out your trusty CSS toolkit and use the following four elements: But, what if you want to take this “responsiveness” to the next level by ensuring everything is constrained proportionately in the mobile version of your email? And remember, we don’t want to use media queries (like in the above examples). Order and reorder content by defining up to five elements and specifying what content comes first, which content should always be displayed at the bottom, etc.Īll of these are fine and dandy, and are definitely a welcome addition to the monotony of regular old HTML email design. Allowing column switchingĪllow column switching by using table-header groups and table-footer groups to define the order of content in the email. Do any of these sound familiar? Enabling content stackingĮnable content stacking by turning table cells, traditionally used to build HTML emails, into block-style elements. You're also probably doing it using media queries. ![]() You’re probably already using some scrappy CSS tricks to force add responsivity-esque functionality to your HTML emails. You might also like: How to Help Your Clients Get Results with Email Marketing The Fab Four Or, learn more about subscription based email marketing for your clients with subscription-based businesses. Most interestingly, Vitaly outlined two mind-blowing techniques for enhancing your HTML emails by making them responsive-without using media queries! To give you some time to wrap your head around them, we’ve rounded up the techniques below.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |