JSFiddle - React, Tailwind, and code Playground

by dumptyd

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.3/css/bulma.min.css">
<section class="section">
  <div class="container">
    <div class="columns is-multiline is-mobile" id="cont">
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
      <div class="column is-narrow">
        <div class="box"></div>
      </div>
    </div>
  </div>
</section>

CSS

.box {
  height: 100px;
  min-width: 100px;
}

#cont {
  justify-content: center;
}