JSFiddle - React, Tailwind, and code Playground

by SebAshton

HTML

<h2>Option 1: Compact</h2>

<table style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #333; letter-spacing: -0.01em;  font-size: 14px;">
  <tbody>
    <tr><td colspan="3"
            style="font-size: 16px;"><b>Seb Ashton</b></td></tr>
    <tr><td colspan="3"
            style="line-height: 0.8; color: #414141;"><i>Software Engineer</i></td></tr>
    <tr><td colspan="3"
            style="height: 8px; font-size: 0;">&nbsp;</td></tr>
    <tr>
      <td><b>m:</b> <a href="tel:447765430951"
                style="color: #439a63;">+44 (0)7765430951</a></td>
      <td width="10">&nbsp;</td>
      <td><b>w:</b> <a href="https://www.madetech.com"
                style="color: #439a63;">https://www.madetech.com</a></td>
    </tr>
    <tr>
      <td><b>p:</b> <a href="tel:442033977846"
                style="color: #439a63;">+44 (0)203 397 7846</a></td>
      <td width="10px">&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>

<h2>Option 2: Linear</h2>

<table style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #333; letter-spacing: -0.01em;  font-size: 14px;">
  <tbody>
    <tr><td style="font-size: 16px;"><b>Seb Ashton</b></td></tr>
    <tr><td style="line-height: 0.8; color: #414141;"><i>Software Engineer</i></td></tr>
    <tr><td style="height: 8px; font-size: 0;">&nbsp;</td></tr>
    <tr>
      <td>
        <b>w:</b> <a href="https://www.madetech.com"
                     style="color: #439a63;">https://www.madetech.com</a></td>
    </tr>
    <tr>
      <td>
        <b>m:</b> <a href="tel:447765430951"
                     style="color: #439a63;">+44 (0)7765430951</a></td>
    </tr>
    <tr>
      <td>
        <b>p:</b> <a href="tel:442033977846"
                     style="color: #439a63;">+44 (0)203 397 7846</a></td>
    </tr>
  </tbody>
</table>

<h2>Option 3: Compact, and Mission Focused</h2>

<table style="font-family:...

CSS

body {
  background: white;
  padding: 10px;
}

h2 {
  font-family: Gotham;
  margin: 1.5em 0;
}