JSFiddle - React, Tailwind, and code Playground
by Sasá Rafalsky
HTML
<table cellpadding="0" cellspacing="0" style="width:100%;">
<tbody>
<tr>
<td style="padding: 0 0 18px; font: bold 32px/32px Arial,Helvetica,sans-serif;">
'.$translations['title'].'
</td>
</tr>
<tr>
<td style="font: 13px/15px Arial,Helvetica,sans-serif; color: #333;">
'.$translations['detect'].'
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; border: 1px solid #09f; border-radius: 5px; box-sizing: border-box; padding: 12px; margin: 12px 0;">
<tbody>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 0 0 4px; font: 13px/15px Arial,Helvetica,sans-serif; color: #333; vertical-align: baseline; font-weight: bold;">
'.$translations['device'].':
</td>
<td style="padding: 0 0 4px 8px; font: 13px/15px Arial,Helvetica,sans-serif; color: #333;vertical-align: baseline;">
'.$device.'
</td>
</tr>
<tr>
<td style="padding: 0 0 4px; font: 13px/15px Arial,Helvetica,sans-serif; color: #333; vertical-align: baseline; font-weight: bold;">
'.$translations['location'].':
</td>
<td style="padding: 0 0 4px 8px; font: 13px/15px Arial,Helvetica,sans-serif; color: #333;vertical-align: baseline;">
'.$location.'
</td>
</tr>
<tr>
<td style="padding: 0 0 4px; font: 13px/15px Arial,Helvetica,sans-serif; color:...