JSFiddle - React, Tailwind, and code Playground

by jorgeluis

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.4/css/bulma.css">
<div class="columns is-multiline">

  <div class="column is-half-desktop is-one-quarter-widescreen">
    <div class="card">
      <header class="card-header">
        <h3 class="card-header-title">
          title
        </h3>
      </header>
      <div class="card-content">
        <div class="content">
          Description of thing
        </div>
      </div>
      <footer class="card-footer">
        <a href="#" class="card-footer-item">Versions</a>
      </footer>
    </div>
  </div>

  <div class="column is-half-desktop is-one-quarter-widescreen">
    <div class="card">
      <header class="card-header">
        <h3 class="card-header-title">
          title
        </h3>
      </header>
      <div class="card-content">
        <div class="content">
          Description of thing
        </div>
      </div>
      <footer class="card-footer">
        <a href="#" class="card-footer-item">Versions</a>
      </footer>
    </div>
  </div>

  <div class="column is-half-desktop is-one-quarter-widescreen">
    <div class="card">
      <header class="card-header">
        <h3 class="card-header-title">
          title
        </h3>
      </header>
      <div class="card-content">
        <div class="content">
          Description of thing
        </div>
      </div>
      <footer class="card-footer">
        <a href="#" class="card-footer-item">Versions</a>
      </footer>
    </div>
  </div>

</div>