JSFiddle - React, Tailwind, and code Playground

by Michel Plungjan

HTML

<script src="https://raw.github.com/aFarkas/html5shiv/master/src/html5shiv.js"></script>
<div id="multicolumn">
</div>

CSS

@media only screen and (min-width: 400px) {
  #multicolumn { 
    column-count:6; 
    column-gap: 10px; 

    -webkit-column-count: 6; 
    -webkit-column-gap: 10px;

    -moz-column-count: 6;
    -moz-column-gap: 10px;
  }      
  p:first-of-type {
    margin-top:0 !important;
  }
}

JavaScript

for (var i=1;i<43;i++) {
  $("#multicolumn").append('<p><img src="http://lorempixel.com/50/70/sports/'+i+'/"/></p>')
}