emails: Fix the issues with image width overflow.

Images in the follow-up day 2 email were overflowing the main email
layout. To prevent that, we created a separate class to handle this.
This commit is contained in:
Daniil Fadeev 2023-08-07 21:20:48 +03:00 committed by Tim Abbott
parent 20dc70d395
commit 673e98e982
1 changed files with 6 additions and 0 deletions

View File

@ -52,6 +52,12 @@ table.layout > tbody > tr > td {
padding: 10px; padding: 10px;
} }
/* This class is used to ensure that the images' width
does not exceed the actual email layout width. */
img.responsive-width {
max-width: 100%;
}
/* Our newsletters/marketing emails use a wider content width, to /* Our newsletters/marketing emails use a wider content width, to
support more complex content with text to the side of images. */ support more complex content with text to the side of images. */
.container.wide-container { .container.wide-container {