JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<div class="wrapper">
  <div class="column flex">
    <div class="child">
      <p>
        Pharetra eros mi eros accumsan dui. Pellentesque ipsum iaculis. Mi neque in nonummy venenatis vestibulum. Class egestas adipiscing nisl tellus quam ut in amet. Nostra nunc leo lorem eget ipsum elit eget metus nam sed pede. Nam nibh risus sit dui nullam.
        Consequat luctus tempus.
      </p>
    </div>
  </div>
  <div class="column flex">
    <div class="child">
      <p>
        Pede tellus eu mattis morbi donec. Natoque class leo. Ac lacus vestibulum ac odio ac. Risus lorem mauris. Proin enim tortor at erat dui. Aliquam magna condimentum. Orci donec morbi. Id justo at malesuada erat nulla urna quam eu nec elit commodo mi voluptatum
        gravida ante bibendum justo. Eleifend nec eget. Id massa quis eu vitae elit. Bibendum interdum semper. Donec libero duis. Phasellus malesuada adipiscing qui et eu. Justo egestas erat auctor sagittis sed nonummy amet dolor et in id. Ut blandit
        justo. Donec fringilla cursus enim velit ullamcorper.
      </p>
    </div>
  </div>
</div>

<div class="spacer"></div>

<div class="wrapper flex">
  <div class="column red">
    <div class="child">
      <p>
        Pharetra eros mi eros accumsan dui. Pellentesque ipsum iaculis. Mi neque in nonummy venenatis vestibulum. Class egestas adipiscing nisl tellus quam ut in amet. Nostra nunc leo lorem eget ipsum elit eget metus nam sed pede. Nam nibh risus sit dui nullam.
        Consequat luctus tempus.
      </p>
    </div>
  </div>
  <div class="column">
    <div class="child">
      <p>
        Pede tellus eu mattis morbi donec. Natoque class leo. Ac lacus vestibulum ac odio ac. Risus lorem mauris. Proin enim tortor at erat dui. Aliquam magna condimentum. Orci donec morbi. Id justo at malesuada erat nulla urna quam eu nec elit commodo mi voluptatum
        gravida ante bibendum justo. Eleifend nec eget. Id massa quis eu vitae elit. Bibendum interdum semper. Donec libero duis. Phasellus...

CSS

.flex {
  display: flex;
  background: green;
}

.child {
  background: blue;
}

.spacer {
  margin:30px 0;
}

.red {
  background: red;
}