JSFiddle - React, Tailwind, and code Playground

by dav sev

HTML

<fieldset class="webform-component-fieldset" id="webform-component-table2">
  <legend>table2</legend>
  <fieldset class="webform-component-fieldset" id="webform-component-table2--t2-th">
    <div class="webform-component webform-component-markup" id="webform-component-table2--t2-th--academic-degreer">
      Academic degree
    </div>
    <div class="webform-component webform-component-markup" id="webform-component-table2--t2-th--institution">
      Institution
    </div>
    <div class="webform-component webform-component-markup" id="webform-component-table2--t2-th--year">
      Year
    </div>
  </fieldset>
</fieldset>

CSS

#webform-component-table2--t2-th {
      display: flex;
      flex-wrap: wrap;
    }
    
    .webform-component {
      width: 300px;
      border: 1px solid grey;
      height: 10vh;
    }