JSFiddle - React, Tailwind, and code Playground

by Raphael Quintao

HTML

<div style="font-family: Helvetica; ">
  <table>
  <tr>
  <td>
    <img src="https://decisor.hub4future.com.br/assets/img/app/logo_hub_symbol.png" style="width: 100px;" alt="coiso" />
  </td>
  <td>
      <span style="display: table;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    color: hsl(198, 100%, 30%);
    width: 900px"> <h3>
    Hub Insights</h3></span>
    </td>
  </tr>
  </table>
  <table border="0" style="display: table;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    font-size: 0.9em;
    border: 1px solid red;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0px;
    border-color: var(--bg);
    font-family: inherit;
    border-radius: 10px;
    overflow: hidden;
    color: black;
    width: 900px">

    <thead style="border-color: black; background-color: hsl(198, 80%, 33%);">

    </thead>
    <tbody style="border-color: inherit; background: #ddd;">
      <tr style="border-color: inherit; background-color: #ffffff;">
        <td rowspan="5" style="background-color: hsl(198, 80%, 33%); color:white; padding: 12px 15px; border-color: inherit;">
          <h3>Em 05/2022, foram 16.498 consultas</h3>
        </td>
      </tr>
      <tr style="border-color: inherit; background-color: #ffffff;">
        <td style="padding: 12px 15px; border-color: inherit;">Mesmo Período Ano Passado (2021)</td>
        <td style="padding: 12px 15px; border-color: inherit;">11.971</td>
        <td style="padding: 12px 15px; border-color: inherit;">+37.82%</td>
      </tr>
      <tr style="border-color: inherit;">
        <td style="padding: 12px 15px;  border-color: inherit;">Média Global</td>
        <td style="padding: 12px 15px; border-color: inherit;">10.693</td>
        <td style="padding: 12px 15px; border-color: inherit;">+54.29%</td>
      </tr>
      <tr style="border-color: inherit;background-color: #ffffff;">
        <td style="padding: 12px 15px; border-color: inherit;">Média Móvel 3 meses</td>
      ...

CSS

html, body {
  /* background: #1f2227; */
  /* color: #f1f1f1; */
}