JSFiddle - React, Tailwind, and code Playground

by Jordan Sayner

HTML

<div style="background-color: #F5F3ED;">
        <!-- start body -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding: 0 24px;">
            <!-- start logo -->
            <tbody>
                <tr>
                    <td align="center" style="background-color: #f5f3ed; padding: 0 24px;">
                    <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
                <tr>
                <td align="center" valign="top" width="600">
                <![endif]-->
                    <table width="100%" style="max-width: 600px;" border="0" cellspacing="0" cellpadding="0">
                        <tbody>
                            <tr>
                                <td align="center" valign="top" style="padding: 36px 24px 16px 24px;">
                                <a style="display: inline-block; font-size: 32px; font-weight: 700; line-height: 48px; color: #616161; text-decoration: none;font-family: Helvetica,Arial,sans-serif;" href=":SiteAddress" target="_blank">
                                <img alt="" src="https://res.skiverbierexclusive.com/content/email/images/ski-verbier-exclusive-logo1x.png" />
                                </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <!--[if (gte mso 9)|(IE)]>
                </td>
                </tr>
                </table>
                <![endif]-->
                    </td>
                </tr>
                <!-- end logo -->
								<tr>
									<td align="center" style="background-color: #f5f3ed;">
										
												<table width="100%" style="width: 600px;" border="0" cellspacing="0" cellpadding="0">
														<!-- start copy -->
														<tbody>
																<tr>
																		<td style="border-bottom: 3px solid...