If I ad one or more articles to my newsletter, the source add div-tags around the image and around the text if the image is above the text. But if I choose for an image left or right of the text, then text and images are in a two column table. This doesn't work on a small device. The image will push the tekst to the right or left, hardly readable. (see image below)
This is both in Joomla as well in the Wordpress version.
It would be more responsive if the image would only be aside the text on a larger screen and above the text on a smaller screen.
Code with image above
<div class="acymailing_content"><a href="https://www.mysite.com/article" target="_blank" name="content-19726" style="font-family: Helvetica; font-size: 12px; font-weight: normal; line-height: inherit; font-style: normal; color: rgb(0, 0, 241);"><h2 class="acym_title" style="font-family: Helvetica; font-size: 30px; font-weight: normal; line-height: inherit; font-style: normal; color: rgb(0, 0, 0);">My title </h2></a><div class="acymainimage"><a target="_blank" href="https://www.mysite.com/article style="font-family: Helvetica; font-size: 12px; font-weight: normal; line-height: inherit; font-style: normal; color: rgb(0, 0, 241);"><img width="1184" height="1300" class="content_main_image" alt="Luuk Bouwman © André Bakker" src="https://www.mysite.com/images/image.jpg"></a></div><br><div class="acydescription"><p style="word-break: break-word; font-family: Helvetica; font-size: 12px; font-weight: normal; line-height: inherit; font-style: normal; color: rgb(0, 0, 0);">The intro text of the article</p></div><br></div>
Code with image left
<table style="min-height: 0px; display: table;"><tbody class="ui-sortable" style="min-height: 0px; display: table-row-group;"><tr><td valign="middle" style="vertical-align: middle; padding-right: 7px; " class="acyleftcol"><a target="_blank" href="https://www.mysite.com/article" style="font-family: Helvetica; font-size: 12px; font-weight: normal; line-height: inherit; font-style: normal; color: rgb(0, 0, 241);"><img width="1184" height="1300" class="content_main_image" alt="some alt text" src="https://www.mysite.com/images/stories/image.jpg"></a></td><td valign="top" class="acyrightcol"><a href="https://www.mysite.com/article" target="_blank" name="content-19726" style="font-family: Helvetica; font-size: 12px; font-weight: normal; line-height: inherit; font-style: normal; color: rgb(0, 0, 241);"><h2 class="acym_title" style="font-family: Helvetica; font-size: 30px; font-weight: normal; line-height: inherit; font-style: normal; color: rgb(0, 0, 0);">My title</h2></a><div class="acydescription"><p style="word-break: break-word; font-family: Helvetica; font-size: 12px; font-weight: normal; line-height: inherit; font-style: normal; color: rgb(0, 0, 0);">The intro text of the article</p></div><br></td></tr></tbody></table>
