JSFiddle - React, Tailwind, and code Playground

HTML

<table class=flexbox>
  <tr>
    <td>
      <button>Hello there my name is bob and this is a test Hello there my name is bob and this is a test Hello there my name is bob and this is a test </button>
      <td style="vertical-align:top;">
        <button>B</button>
        <td>
          <button>C</button>
          <td>
            <button>D</button>
            <td>
              <button>E</button>
              <td>
                <button>GF</button>
              </td>
  </tr>
</table>

CSS

.flexbox {
  width: 100%;
  table-layout: fixed;
}

.flexbox tr {
  display: flex;
}

.flexbox tr td {
  flex: 1;
  display: flex;

}

button {
  flex: 1;


}