Tables

<div class="responsive-table">
  <table data-tag="Normal table">
    <thead>
      <tr>
        <th>
          Label
        </th>
        <th>
          Label
        </th>
        <th>
          Label
        </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          Label
        </td>
        <td>
          Label
        </td>
        <td>
          Label
        </td>
      </tr>
    </tbody>
  </table>
</div>

<div class="responsive-table">
  <table class="mt-5">
    <tbody>
      <tr>
        <td>Label</td>
        <td>Label</td>
        <td>Label</td>
        <td>Label</td>
        <td>Label</td>
      </tr>
      <tr>
        <td data-name="name">Value</td>
        <td data-name="name">Value</td>
        <td data-name="name">Value</td>
        <td data-name="name">Value</td>
        <td data-name="name">Value</td>
      </tr>
      <tr>
        <td data-name="name">Value</td>
        <td data-name="name">Value</td>
        <td data-name="name">Value</td>
        <td data-name="name">Value</td>
        <td data-name="name">Value</td>
      </tr>
    </tbody>
</table>
</div>
<div class="mb-1 text-right text-sm font-semibold py-1">
  Legend text here
</div>