JSFiddle - React, Tailwind, and code Playground

by Ramkumar Pillai

HTML

<script src="http://masonry.desandro.com/masonry.pkgd.js"></script>
<div class="container js-masonry" data-masonry-options='{ "columnWidth": 50, "itemSelector": ".box", "isFitWidth": true, "isResizeBound": true}'>
    <div class="box">Hello</div>
     <div class="box">Hello</div>
     <div class="box">Hello</div> 
     <div class="box">Hello</div>
     <div class="box">Hello</div>
     <div class="box">Hello</div>
     <div class="box">Hello</div>
</div>

CSS

.container {
   text-align: center;
   margin: 0 auto;
   border: 1px;
}

.box {
    background: black;
    color: white;
    width: 100px;
    height: 200px;
    margin: 10px;
}