Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Use the full width in the email header
I was initially foiled by MJML not supporting auto-growing columns (or rather, them not being able to get that to reliably work in Outlook Desktop: mjmlio/mjml#1669 (comment)), and thus set the right-hand column (the one containing the "Sign in" link) to 60%, hoping that that would look reasonable enough on most screen sizes — on large screens, it would be fairly right- aligned, and on smaller screens, it wouldn't be pushed to the next line. However, the second thing that confused me was that MJML's columns don't take effect on viewport widths smaller than 480px, i.e. they're wrapped in media queries starting at that level. If I just only test on wider viewports, then I can actually just set the columns to together span 100%. The image itself still has a fixed width of 200px, so that won't auto-grow anyway. Only downside is that the "Sign in" link will still be pushed to the next line on screens under 480px, but I guess that's just something we'll have to live with.
- Loading branch information