JSFiddle - React, Tailwind, and code Playground

by WORKMAN

HTML

<div class="section group">
  <div class="col span_1_of_3">
    This is column 1
  </div>
  <div class="col span_1_of_3">
    This is column 2
  </div>
  <div class="col span_1_of_3">
    This is column 3
  </div>
</div>

CSS

.span_3_of_3 {
  width: 100%;
}

.span_2_of_3 {
  width: 66.13%;
}

.span_1_of_3 {
  width: 32.26%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
  .span_3_of_3 {
    width: 100%;
  }
  .span_2_of_3 {
    width: 100%;
  }
  .span_1_of_3 {
    width: 100%;
  }
}