JSFiddle - React, Tailwind, and code Playground

by amitrdx

HTML

<div class="panel-body x-large-form-group">
  <div class="row">
    <div class="col-sm-6">
      <div class="form-group field-wrap">
        <div class="col-sm-5">
        </div>
        <div class="col-sm-2">
          <label>Quantity</label>
        </div>
        <div class="col-sm-5"></div>
      </div>
    </div>
    <div class="col-sm-6">
      <div class="form-group field-wrap">
        <div class="col-sm-5">
        </div>
        <div class="col-sm-2">
          <label>
            Quantity
          </label>
        </div>
        <div class="col-sm-5"></div>
      </div>
    </div>
    <div class="col-sm-6">
      <div class="form-group field-wrap">
        <div class="col-sm-5">
          <div class="form-group field-wrap">
            Background Screening Consent Form (NABSC)
            <div class="italic small-font">
              <!---->
            </div>
          </div>
        </div>
        <div class="col-sm-2 field-area">
          <input id="8129f5b7-66ae-4b79-83cf-04c64c5c7f7f" maxlength="4" placeholder="" name="8129f5b7-66ae-4b79-83cf-04c64c5c7f7f" type="text" class="form-control ember-view ember-text-field">
          <!---->
        </div>
        <div class="col-sm-5">
          <a>
            <!---->
          </a>
        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <div class="form-group field-wrap">
        <div class="col-sm-5">
          <div class="form-group field-wrap">
            DOT Alcohol (Federal) dfbgdfgh sdfghzdfhsdfh sfghsfghsfghsfghgh sfghsfgh sfghsdfhfgdfg
            dfgdfg
            dfgdfg
            dfgdfg
            dfgdfg
            dfgdfg
            <div class="italic small-font">
              <!---->
            </div>
          </div>
        </div>
        <div class="col-sm-2 field-area">
          <input id="bbd7c841-ca19-4c86-a62c-1cd02357cf73" maxlength="4" placeholder="" name="bbd7c841-ca19-4c86-a62c-1cd02357cf73" type="text" class="form-control ember-view...

CSS

div.col-sm-6:nth-child(odd):not(:first-child){
  clear:left
}