JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="col-lg-12 col-md-12 mt-4">
      <table class="full-width">
        <tbody>
          <tr>
            <td class="blue-pure w-10-p text-white" rowspan="4">
              <label class="vertical-text text-center">STEP 1</label>
            </td>
            <td class="blue-light p-2">Resources</td>
            <td class="blue-light p-2">Notes</td>
          </tr>
          <tr>
            <td class="white"></td>
            <td class="white"></td>
          </tr>
          <tr>
            <td class="white"></td>
            <td class="white"></td>
          </tr>
          <tr>
            <td class="white"></td>
            <td class="white"></td>
          </tr>
        </tbody>
      </table>
    </div>
</div>

CSS

.w-10-p {
    width: 10%;
}

.vertical-text {
    transform-origin: 0 0;
    transform: rotate(270deg);
}

.blue {
    background: #01a8ed;
}

.yellow {
    background: #ffe699;
}

.orange {
    background: #f9943b;
}

.white {
    background: #fff;
}

.green {
    background: #c6e0b4;
}

.peach {
    background: #ff9966;
}

.light-peach {
    background: #ffcc99;
}

.violet-pure {
    background: #9966ff;
}

.violet-light {
    background: #cc99ff;
}

.gold-pure {
    background: #ffc000;
}

.gold-light {
    background: #ffcc99;
}

.blue-pure {
    background: #00b0f0;
}

.blue-light {
    background: #00b0f0;
}

.pink-pure {
    background: #ff33cc;
}

.pink-light {
    background: #ff99ff;
}

.green-pure {
    background: #00b050;
}

.green-light {
    background: #92d050;
}

.indigo-pure {
    background: #9966ff;
}

.indigo-light {
    background: #9999ff;
}

.peach-pure {
    background: #ff9966;
}

.peach-light {
    background: #ffcc99;
}

.dirty-green {
    background: #e2efda;
}

.dirty-gray {
    background: #d9e1f2;
}

.full-width {
    width: 100%;
}

body {
  background-color: #999;
}

.p-2 {
  padding: 1em;
}

table tr td, table tr th {
    text-align: center;
    font-size: 1rem;
}

table thead tr th, table tbody tr td{
    padding: 1rem !important;
    box-sizing: border-box;
}

#right table thead tr th, #right table tbody tr td{
    padding: 0.5rem !important;
    box-sizing: border-box;
}