JSFiddle - React, Tailwind, and code Playground

by Lloyd Atkinson

HTML

<link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre.min.css">
<div class="container">
  <div class="columns" style="padding: .4rem;">
    <div class="column col-6 bg-primary">col-6</div>
    <div class="column col-3 bg-primary">col-3</div>
    <div class="column col-2 bg-primary">col-2</div>
    <div class="column col-1 bg-primary">col-1</div>
  </div>
</div>


<div class="container" style="padding-top: .8rem;">
  <div class="columns" style="">
    <div class="column col-6"><div class="bg-primary px-2">col-6</div></div>
    <div class="column col-3"><div class="bg-primary px-2">col-3</div></div>
    <div class="column col-2"><div class="bg-primary px-2">col-2</div></div>
    <div class="column col-1"><div class="bg-primary px-2">col-1</div></div>
  </div>
</div>