Profil osoby

by michalmarketingmakers

HTML

<table class="table600" style="width: 720px; mso-cellspacing: 0; mso-padding-alt: 0;" border="0" cellspacing="0" cellpadding="0" align="center">
	<tbody>
		<tr>
			<td>
				<table class="table-inner" style="width: 560px;" border="0" cellspacing="0" cellpadding="0" align="center">
					<tbody>
						<tr>
							<td style="text-align: left; padding: 40px; line-height: 22px;">
								<p class="bodyText" style="color: #024c33; font-size: 20px; line-height: 28px; margin: 0px; padding: 0px; font-family: Arial, SuisseIntl, Helvetica, sans-serif; text-align: center;">Zavolejte mi a popovídáme si, jak vám 602 může pomoct.</p>
								<p class="bodyText" style="font-size: 20px; line-height: 28px; margin: 0px; padding: 0px; font-family: Arial, SuisseIntl, Helvetica, sans-serif; text-align: center;"> </p>
								<table border="0" style="border-collapse: collapse; width: 100%;">
									<tbody>
										<tr>
											<td style="width: 33.3333%;"><img id="1614863733590" style="display: block; margin-left: auto; margin-right: auto;" src="https://marketing.602.cz/cdnr/205/acton/attachment/43784/f-3d561f50-4675-450e-b8cd-6cae692f120e/1/-/-/-/-/Ellipse%2026.png" width="100" height="100" border="0" /></td>
											<td style="width: 33.3333%;">
												<p class="bodyText" style="text-align: center; font-size: 20px; line-height: 28px;">Martin Plevka<br /><span style="font-size: 14px; line-height: 20px;">obchodní ředitel 602</span></p>
											</td>
											<td style="width: 33.3333%;">
												<p style="text-align: center; font-size: 14px; line-height: 20px;">+420 602 123 456<br />[email protected]</p>
											</td>
										</tr>
									</tbody>
								</table>
								<p class="bodyText" style="text-align: left; font-size: 11pt; line-height: 22px; margin: 0; padding: 0; font-family: Arial, 'SuisseIntl', Helvetica, sans-serif;"> </p>
							</td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
	</tbody>
</table>

CSS

@media only screen and (max-width: 600px) {
  .table-inner tr { display: block; text-align: center; }  
  .table-inner td { display: block; width: 100%!important; text-align: center; }
}