<style>
  .size-chart-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
  }

  .size-chart-table th,
  .size-chart-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
  }

  .size-chart-table th {
    background-color: #f4f4f4;
    font-weight: bold;
  }

  .size-chart-heading {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: Arial, sans-serif;
  }

  @media (max-width: 600px) {
    .size-chart-table th,
    .size-chart-table td {
      font-size: 12px;
      padding: 8px;
    }

    .size-chart-heading {
      font-size: 18px;
    }
  }
</style>

<div class="size-chart-container">
  <div class="size-chart-heading">Unisex T-Shirt Size Chart (inches)</div>
  <table class="size-chart-table">
    <thead>
      <tr>
        <th>Size</th>
        <th>Chest Width</th>
        <th>Body Length</th>
        <th>Sleeve Length</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>XS</td>
        <td>16"</td>
        <td>27"</td>
        <td>8"</td>
      </tr>
      <tr>
        <td>S</td>
        <td>18"</td>
        <td>28"</td>
        <td>8.25"</td>
      </tr>
      <tr>
        <td>M</td>
        <td>20"</td>
        <td>29"</td>
        <td>8.63"</td>
      </tr>
      <tr>
        <td>L</td>
        <td>22"</td>
        <td>30"</td>
        <td>9"</td>
      </tr>
      <tr>
        <td>XL</td>
        <td>24"</td>
        <td>31"</td>
        <td>9.25"</td>
      </tr>
      <tr>
        <td>2XL</td>
        <td>26"</td>
        <td>32"</td>
        <td>9.5"</td>
      </tr>
    </tbody>
  </table>
</div>