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">
<div class="columns is-mobile is-multiline is-centered">
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
  <div class="column is-3"></div>
</div>

CSS

.column {
  height: 200px;
  border: 2px solid cornflowerblue;
}