I'd really like to include a two column table in my email, but it breaks the email's ability to respond to mobile devices. Is there any help available to insert a breaking point into the table code?
I've pasted the code below ... thanks for any help that's out there!
<table border="1">
<tbody>
<tr>
<td style="border-color: #ffffff;">
<p style="text-align: center;"><strong style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;"><span style="font-size: 13.5pt; font-family: 'Arial',sans-serif; color: #e30c00; background: white;">Campus Security survey — the results are in<br /></span></strong><img src="https://go.ucalgary.ca/rs/161-OLN-990/images/SecuritySurvey.jpg" alt="" width="250" height="250" constrain="true" imagepreview="false" border="" style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #3399ff; text-decoration-style: initial; text-decoration-color: initial; display: block; margin-left: auto; margin-right: auto;" /></p>
<p>Campus Security launched their survey to faculty, staff, students and the public early 2018. A year later, they're using the feedback to strengthen their services and the safety culture on campus.Campus Security launched their survey to faculty, staff, students and the public early 2018. A year later, they're using the feedback to strengthen their services and the safety culture on campus.</p>
</td>
<td style="border-color: #ffffff;">
<p style="text-align: center;"><strong style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;"><span style="font-size: 13.5pt; font-family: 'Arial',sans-serif; color: #e30c00; background: white;">Campus Security survey — the results are in<br /></span></strong><img src="https://go.ucalgary.ca/rs/161-OLN-990/images/SecuritySurvey.jpg" alt="" width="250" height="250" constrain="true" imagepreview="false" border="" style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #3399ff; text-decoration-style: initial; text-decoration-color: initial;" /></p>
<p>Campus Security launched their survey to faculty, staff, students and the public early 2018. A year later, they're using the feedback to strengthen their services and the safety culture on campus.Campus Security launched their survey to faculty, staff, students and the public early 2018. A year later, they're using the feedback to strengthen their services and the safety culture on campus.</p>
</td>
</tr>
</tbody>
</table>
should be able to. prob good examples on the template library or github.