JSFiddle - React, Tailwind, and code Playground

by deswolf

HTML

<div class="stakeholder__wrapper">
  <div class="stakeholder__header">
    <span class="stakeholder__cell">
      test
    </span>
    <span class="stakeholder__cell">
      test2
    </span>
  </div>
  <div class="stakeholder__header">
    <span class="stakeholder__cell">
      cell
    </span>
    <span class="stakeholder__cell">
      cell2
    </span>
  </div>
</div>

SCSS

.stakeholder__
  &wrapper {

  }
  &row, &header {
     display:table;
    width:100%;
    height:100%; //?
     border:1px solid black;
  }
  &cell {
    display:table-cell;
    vertical-align:middle;
    color:red;
  }
}