JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="columns">
  <div class="column">
    <h3>Column</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, quo.</p>
  </div>
  <div class="column">
    <h3>Column</h3>
    <p>Iste dolorum non hic magnam nobis voluptatem voluptates, aliquid neque.</p>
  </div>
  <div class="column">
    <h3>Column</h3>
    <p>Dignissimos ut molestiae velit illum aliquam itaque modi expedita rem.</p>
  </div>
</div>

SCSS

.columns {
  display: table;
  width: 100%;
  table-layout: fixed;
  
  >  * {
    display: table-cell;
  }
}

.column {
  background: lavender;
}

.columns {
  min-height: 300px;
}