JSFiddle - React, Tailwind, and code Playground

by isherwood

HTML

<div id="content">
    <div class="block" style="height:500px;"></div>
    <div class="block" style="height:400px;"></div>
    <div class="block" style="height:600px;"></div>
    <div class="block" style="height:400px;"></div>
    <div class="block" style="height:600px;"></div>
    <div class="block" style="height:500px;"></div>
    <div class="block" style="height:500px;"></div>
    <div class="block" style="height:600px;"></div>
    <div class="block" style="height:500px;"></div>
    <div class="block" style="height:500px;"></div>
</div>

CSS

body {
    background-color:#EAEDF4;
    overflow-x:hidden;
}
.block {
    background-color:white;
    width:330px;
    margin-bottom:25px;
    display:block;
}
#content {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count:3;
    display:block;
    margin-top:50px;
}